* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
@font-face { font-family: CycleBold; src: url(../fonts/ERASDEMI.TTF) format("truetype") }
@font-face { font-family: Cycle; src: url(../fonts/ERASMD.TTF) format("truetype") }
body {  font-family: Cycle, Arial, sans-serif;}

::selection { background-color: rgba(153,153,153,0.5); }
::-moz-selection { background-color: rgba(153,153,153,0.5); border: 10px solid red; }

/*--------------------------------------------------------------------------*/

a {text-decoration: none;}
#contentcontainer {width: 100%; margin: 0 auto; position: relative;  float: none; padding-top: 0px; }

/*--------------------------SECCIONES----------------------*/
section { margin: 0px; float: left; padding:0;}

/*--------------------------------------------------INDEX-------------------------------------------------------*/
/*--------------------------CABECERO----------------------*/
#Cab { background: #fff; width:100%; padding: 5px 0;}
#Cab div.txt{ width:70%; height:auto; float: left; margin-left: 4%; padding:20px 0;}
#Cab div.txt p{ font-size:12px; color:#999; padding-bottom:5px;}
#Cab div.txt3{ width:20%; height:auto; float:right; margin-right: 4%; padding:20px 0; text-align:right;}
#Cab .face{ background:url(../img/facebook.png) no-repeat left; width:30px; height:30px;  float:right; margin:0 5px;}
#Cab .face:hover{ background:url(../img/facebook.png) no-repeat right; width:30px; height:30px;}
#Cab .tweet{ background:url(../img/twitter.png) no-repeat left; width:30px; height:30px; float:right; margin:0 5px;}
#Cab .tweet:hover{ background:url(../img/twitter.png) no-repeat right; width:30px; height:30px;}
#Cab .IG{ background:url(../img/instagram.png) no-repeat left; width:30px; height:30px; float:right; margin:0 5px;}
#Cab .IG:hover{ background:url(../img/instagram.png) no-repeat right; width:30px; height:30px;}
/*--------------------------MENU----------------------*/
#Menutp  { background:#fff; width:100%; padding: 0;}
#Menutp div.logo{ width:20%; height:auto; float: left; margin-left: 4%; padding:5px 0;}
#Menutp div.elmenu{ width:60%; height:auto; float:right; margin-right: 4%; padding:20px 0; text-align:center;}
#Menutp2  { display:none; background:#fff; width:100%; padding: 0; position:fixed; z-index:100;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
#Menutp2 div.logo{ width:20%; height:auto; float: left; margin-left: 4%; padding-top:10px; padding-bottom:5px;}
#Menutp2 div.elmenu{ width:60%; height:auto; float:right; margin-right: 4%; padding:20px 0; text-align:center;}
/*--------------------------INICIO----------------------*/
#Intro  { background:#fff;width:100%; padding: 0;}
/*--------------------Fases e Imagenes--------------------------*/
#PIF { width:100%; padding:0; background:#0d9b9b;}
#PIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIF h2{ font-size:40px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 30px;text-align:center;}
#PIIF { width:100%; padding:0; background:#ff6634;}
#PIIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIIF h2{ font-size:40px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 30px;text-align:center;}
#PIF img, #PIIF img { margin-bottom:-5px;}
/*--------------------------Redes-Sociales----------------------*/
#redes { background:#eee; width:100%; padding-top: 50px;padding-bottom: 50px; height:400px;}
#redes div.txt{ width:30%; height:auto; float: left; margin-left: 40px;font-size:13px;}
#redes div.txt2{position:absolute; left:50%; width: 30%; margin-left:-15%;font-size:20px;}
#redes div.txt3{ width:30%; height:auto; float:right; margin-right: 40px;}
#redes h2{ font-size:30px; color:#666; font-family: Univers, Arial, sans-serif; padding-bottom:5px;}
#redes p{font-family: Univers, Arial, sans-serif; padding:15px; text-align:center;}
#redes p a{font-family: Univers, Arial, sans-serif; color:#666;}
/*--------------------------Frases y Bienvenida----------------------*/
#Tip { background: #fff; width:100%; padding: 60px 0;text-align:center;}
#Tip div.txt{ width:80%; float: left; left:50%; margin-left:-40%; position:relative; text-align:center;}
#Tip h2{ font-size:40px; color:#399;font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;text-align:center;}
#Tip p{font-size:25px; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center; color:#fff;}
/*--------------------Valores Institucionales--------------------------*/
#PMV { width:100%; padding-top: 80px;padding-bottom: 50px;background:#f63;}
#PMV div.view{ width: 21%; height: auto; left:0; right:0; margin:0 2%; float:left;}
#PMV h2{ font-size:35px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:15px 0;text-align:center;}
#PMV p{font-size:20px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#fff;}

/*--------------------Valores Números--------------------------*/
#PNE { width:100%; padding:80px 0; background:url(../img/bg2.jpg) no-repeat center center; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
#PNE div.view{ width: 25%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PNE h2{ font-size:120px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20px 0;text-align:center;}
#PNE p{font-size:20px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#fff;}
/*--------------------------Productos Destacados----------------------*/
#PPD { background: #f63; width:100%; padding-top: 40px;padding-bottom: 60px;text-align:center;}
#PPD div.txt{ width:80%; float: left; left:50%; margin-left:-40%; position:relative; text-align:center;}
#PPD div.view{ width: 20%; height: auto; left:0; right:0; margin:0 auto; float:left;}
#PPD img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
#PPD h2{ font-size:22px; color:#fff;font-family: CycleBold, Arial, sans-serif; padding:15px 10px; text-align:center;}
#PPD h2.t{ font-size:60px; padding:0 0 30px 0;}
#PPD p{font-size:20px; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center; color:#fff;}
/*--------------------------Contacto----------------------*/
#Cont { background:#fff; width:100%; padding-top: 30px;padding-bottom: 10px;}
#Cont div.txt{ width:100%;text-align:center; padding:40px 0;}
#Cont div.txt1{ width:380px; height:auto; float:left; margin-left: 40px;padding-bottom: 30px;}
#Cont div.txt2{position:absolute; float:left; left:50%; width: 380px; height:auto; margin-left:-190px;padding-bottom: 30px;}
#Cont div.txt3{ width:380px; height:auto; float:right; margin-right: 40px;padding-bottom: 30px;}
#Cont div.txt4{background: #fff;  width:100%;text-align:center;  padding-top: 40px;float:left;}
#Cont h2{ font-size:30px; color:#399ccp; font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;}
#Cont p{ font-size:18px; color:#777; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center;}
#Cont p a{font-family: Cycle, Arial, sans-serif; color:#666;}
#Cont div.txt4 p{ color:#000;}
#Cont div.txt4 p a{font-family: Cycle, Arial, sans-serif; color:#666;}
/*--------------------------Pie----------------------*/
#mapa { width:100%;}

/*   -----**---------------------------------Pagina NOSOTROS------------------------------------**------    */
/*--------------------------Navegacion----------------------*/
/*--------------------------Mision----------------------*/
#mis { background: url(../img/bg2.jpg) no-repeat bottom center scroll; -webkit-background-size: cover;
    		-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding-top: 40px;padding-bottom: 50px;}
#mis div.txt{ width:75%; height:auto; float: left; margin-left: 15%;}
#mis li{ font-size:24px; color:#fff;font-family: CycleBold, Arial, sans-serif; padding-bottom:20px; text-align:justify;}

#misi { background:#f63; width:100%; padding-top: 40px;padding-bottom: 50px;}
#misi div.txt{ width:80%; height:auto; float: left; margin-left:10%;}
#misi p{ font-size:28px; color:#fff;font-family: CycleBold, Arial, sans-serif; text-align:justify;}

/*---------------------------------------------Contactos-----------------------------------------------------*/
#contacto {  background: #f63; width:100%; padding-top: 40px;padding-bottom: 50px;}
#contacto h2 {font-size: 33px; color: #fff; height: 65px; }
#contacto p { padding: 10px 0;color:#000; text-align:justify; font-size:20px; }
#contacto p strong{ font-family:CycleBold, Arial, Helvetica, sans-serif; font-size:24px;color:#fff;}
#contacto div.txto{position:relative; left:50%; width: 900px; margin-left:-450px;}
/*--------------------------Contactos----------------------*/
#formcont { background: url(../img/bg2.jpg) no-repeat bottom center fixed; -webkit-background-size: cover;
    		-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding-top: 40px;padding-bottom: 50px;}
#formcont div.txto{position:relative; left:50%; width: 900px; margin-left:-450px;}
#formcont textarea { width: 860px; height: 300px; font-family:Cycle, Arial, sans-serif;}
#formcont label { color: #fff; font-size:24px;} 
#formcont strong { color: #fff; }
#formcont input,textarea {background:#fff; padding: 10px; color: #000; font-size: 25px; border: 2px solid #666;  margin-bottom: 15px; margin-top: -10px; }
#formcont input:hover{ background:#fff; border: 2px solid #f63;margin-bottom: 15px; margin-top: -10px;}
#formcont textarea:hover { background:#fff; border: 2px solid #f63; margin-bottom: 15px; margin-top: -10px;}
#formcont input:focus{ border: 2px solid #f63; margin-bottom: 15px; margin-top: -10px;padding: 8px;}
#formcont textarea:focus {border: 2px solid #f63; margin-bottom: 15px; margin-top: -10px;padding: 8px;}
#formcont input[type="text"] { width: 250px; padding-right:30px;}
#formcont input[type="submit"] {  border: 2px solid #666; float:right; color:#000; font-size:14px;cursor: pointer; padding:8px 15px; margin-right:20px;}
#formcont input[type="submit"]:hover { border: 2px solid #f63; background:#f63; color:#fff;}
#formcont input[type="submit"]:focus { border: 2px solid #f63; background:#f63;}
input[type="submit"]:active { float:right; color:#fff; font-size:18px;cursor: pointer; padding:8px 15px; margin-right:20px;}
/*--------------------Paginas DEPARTAMENTOS - CATEGORIAS - PRODUCTOS --------------------------*/
#DCPRO{ width:100%; padding:40px 0;}
#DCPRO.a{ background:  #0d9b9b;}
#DCPRO.b{ background:  #ff6634;}
#DCPRO div.view{ width: 40%; height: auto; left:0; right:0; margin:0 5%; float:left; text-align:center;}
#DCPRO h2{ font-size:20px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20px 0;text-align:center;}
#DCPRO a{  color:#fff;}
#DCPRO p{font-size:18px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#fff;}


@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
/*--------------------------------------------------INDEX-------------------------------------------------------*/
/*--------------------------Frases y Bienvenida----------------------*/
#Tip h2{ font-size:30px; color:#399;font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;text-align:center;}
#Tip p{font-size:20px; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center; color:#fff;}
/*--------------------Valores Institucionales--------------------------*/
#PMV h2{ font-size:24px; color:#000;font-family: Cycle, Arial, sans-serif; padding:15px 0;text-align:center;}
#PMV p{font-size:18px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#fff;}
/*--------------------Fases e Imagenes--------------------------*/
#PIF { width:100%; padding:0; background:#399;}
#PIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIF h2{ font-size:30px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 0 20px;text-align:center;}
#PIIF { width:100%; padding:0; background:#f63;}
#PIIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIIF h2{ font-size:30px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 0 20px;text-align:center;}
#PIF img, #PIIF img { margin-bottom:-5px;}

/*--------------------------Productos Destacados----------------------*/
#PPD { background: #f63; width:100%; padding-top: 60px;padding-bottom: 60px;text-align:center;}
#PPD div.txt{ width:80%; float: left; left:50%; margin-left:-40%; position:relative; text-align:center;}
#PPD div.view{ width: 20%; height: auto; left:0; right:0; margin:0 auto; float:left;}
#PPD img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
#PPD h2{ font-size:18px; color:#fff;font-family: CycleBold, Arial, sans-serif; padding:15px 5px; text-align:center;}
#PPD p{font-size:16px; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center; color:#fff;}
/*--------------------------Redes-Sociales----------------------*/
#redes { background:#eee; width:100%; padding-top: 50px;padding-bottom: 50px; height:400px;}
#redes div.txt{ width:30%; height:auto; float: left; margin-left: 4%;font-size:13px;}
#redes div.txt2{position:absolute; left:50%; width: 30%; margin-left:-15%;}
#redes div.txt3{ width:30%; height:auto; float:right; margin-right: 4%;}
#redes h2{ font-size:20px; color:#666; font-family: Univers, Arial, sans-serif; padding-bottom:5px;}
#redes div.txt3 h2 img{ width:30px; height:auto;}
/*--------------------------Contacto----------------------*/
#Cont { background:#fff; width:100%; padding-top: 40px;padding-bottom: 10px;}
#Cont div.txt{ width:100%;text-align:center; padding:40px 0;}
#Cont div.txt1{ width:30%; height:auto; float:left; margin-left: 4%;}
#Cont div.txt2{position:absolute; float:left; left:50%; width: 30%; height:auto; margin-left:-15%;}
#Cont div.txt3{ width:30%; height:auto; float:right; margin-right: 4%;}
#Cont div.txt4{ width:100%;text-align:center;  padding-top: 40px;float:left;}
#Cont h2{ font-size:24px; color:#f63; font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;}
#Cont p{ font-size:14px; color:#777; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center;}
#Cont p a{font-family: Cycle, Arial, sans-serif; color:#666;}
/*--------------------------Pie----------------------*/
#mapa { width:100%;}	
/*   -----**---------------------------------Pagina NOSOTROS------------------------------------**------    */
/*--------------------------Navegacion----------------------*/
/*--------------------------Mision----------------------*/

/*   -----**---------------------------------Pagina CONTACTOS------------------------------------**------    */
/*---------------------------------------------Contactos-----------------------------------------------------*/
#contacto { padding-top: 20px;padding-bottom: 20px;}
#contacto h2 {font-size:30px; color:#fff;font-family: CycleBold, Arial, sans-serif;}
#contacto p { padding: 10px;color:#000; text-align:justify; font-size:18px; margin-left:20%; }
#contacto p strong{ font-family:CycleBold, Arial, Helvetica, sans-serif; font-size:20px; color:#FFF;}
#contacto div.txto{position:relative; left:0; width: 100%; margin-left:0;}
/*--------------------------Contactos----------------------*/
#formcont { background: url(../img/bg2.jpg) no-repeat center center fixed; -webkit-background-size: cover;
    		-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding-top: 20px;padding-bottom: 20px;}
#formcont div.txto{position:relative; left:50%; width: 80%; margin-left:-40%;}
#formcont textarea { width: 90%; height: 200px; font-family:Cycle, Arial, sans-serif;}
#formcont label { color: #f63; font-size:18px;} 
#formcont strong { color: #f63; }
#formcont input,textarea {background: rgba(255,255,255,0.5); padding: 10px; color: #000; font-size: 25px; border: 2px solid #666;  margin-bottom: 15px; margin-top: -10px; }
#formcont input:hover{ background:#fff; border:  2px solid #f63;margin-bottom: 15px; margin-top: -10px;}
#formcont textarea:hover { background:#fff; border: 1px solid #03c; border: 2px solid #f63; margin-bottom: 15px; margin-top: -10px;}
#formcont input:focus{border: solid #f63; margin-bottom: 15px; margin-top: -10px;padding: 8px;}
#formcont textarea:focus {border: 2px solid #f63; margin-bottom: 15px; margin-top: -10px;padding: 8px;}
#formcont input[type="text"] { width: 87%; padding-right:30px;}
#formcont input[type="submit"] {  border: 2px solid #666; float:right; color:#000; font-size:14px;cursor: pointer; padding:8px 15px; margin-right:30px;}
#formcont input[type="submit"]:hover { border: 2px solid #f63;}
#formcont input[type="submit"]:focus { border: 2px solid #f63; background:none;}
input[type="submit"]:active { float:right; color:#fff; font-size:18px;cursor: pointer; padding:8px 15px; margin-right:30px;}

/*--------------------Paginas DEPARTAMENTOS - CATEGORIAS - PRODUCTOS --------------------------*/
#DCPRO{ background: url(../img/bg2.jpg) no-repeat bottom center fixed; -webkit-background-size: cover;
    		-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding:40px 0;}
#DCPRO div.view{ width: 40%; height: auto; left:0; right:0; margin:0 5%; float:left; text-align:center;}
#DCPRO h2{ font-size:20px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20px 0;text-align:center;}
#DCPRO p{font-size:18px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#fff;}

}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
/*--------------------------------------------------INDEX-------------------------------------------------------*/
/*-------------------------------------------------cabecero----------------------------------------------------*/

#Cab { background: #fff; width:100%; padding: 5px 0;}
#Cab div.txt{ width:70%; height:auto; float: left; margin-left: 4%; padding:20px 0;}
#Cab div.txt p img{ width:10px; height:auto;}
#Cab div.txt p{ font-size:8px; color:#999; padding-bottom:5px;}
#Cab div.txt3{ width:20%; height:auto; float:right; margin-right: 4%; padding:20px 0; text-align:right;}
#Cab .face{ background:url(../img/facebook-r.png) no-repeat left; width:20px; height:20px;  float:right; margin:0 5px;}
#Cab .face:hover{ background:url(../img/facebook-r.png) no-repeat right; width:20px; height:20px;}
#Cab .tweet{ background:url(../img/twitter-r.png) no-repeat left; width:20px; height:20px; float:right; margin:0 5px;}
#Cab .tweet:hover{ background:url(../img/twitter-r.png) no-repeat right; width:20px; height:20px;}
#Cab .IG{ background:url(../img/instagram-r.png) no-repeat left; width:20px; height:20px; float:right; margin:0 5px;}
#Cab .IG:hover{ background:url(../img/instagram-r.png) no-repeat right; width:20px; height:20px;}
/*--------------------------MENU----------------------*/
#Menutp  { background:#fff; width:100%; padding: 0;}
#Menutp div.logo img{ width:auto; height:65px;}
#Menutp div.elmenu{ width:70%; height:auto; float:left; margin-right: 4%; padding:20px 0; text-align:center;}
#Menutp2  { display:none; background:#fff; width:100%; padding: 0; position:fixed; z-index:100;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
#Menutp2 div.logo{ width:10%;}
#Menutp2 div.logo img{ width:auto; height:50px;}
#Menutp2 div.elmenu{ width:80%; height:auto; float:right; margin-right: 4%; padding:5px 0; text-align:center;}
/*--------------------------Frases y Bienvenida----------------------*/
#Tip {padding-top: 20px;padding-bottom: 20px;}
#Tip h2{ font-size:24px; color:#399;font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;text-align:center;}
#Tip p{font-size:16px; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center; color:#fff;}
/*--------------------Valores Institucionales--------------------------*/
#PMV {padding-bottom: 20px;}
#PMV h2{ font-size:14px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:10px 0;text-align:center;}
#PMV p{font-size:12px; font-family: Cycle, Arial, sans-serif; padding:10px; text-align:center; color:#fff;}
/*--------------------Fases e Imagenes--------------------------*/
#PIF { width:100%; padding:0; background:#399;}
#PIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIF h2{ font-size:20px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 0 10px;text-align:center;}
#PIIF { width:100%; padding:0; background:#f63;}
#PIIF div.view{ width: 50%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIIF h2{ font-size:20px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:25% 0 20px;text-align:center;}
#PIF img, #PIIF img { margin-bottom:-5px;}

/*--------------------Valores Números--------------------------*/
#PNE { width:100%; padding:20px 0;}
#PNE div.view{ width: 25%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PNE div.view img{ width:60%; height:auto;}
#PNE h2{ font-size:50px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:10px 0;text-align:center;}
#PNE p{font-size:14px; font-family: Cycle, Arial, sans-serif; padding:5px; text-align:center; color:#fff;}
/*--------------------------Contacto----------------------*/
#Cont { background:#fff; width:100%; padding-top: 20px;padding-bottom: 5px;}
#Cont div.txt{ width:100%;text-align:center; padding:10px 0;}
#Cont div.txt1{ width:35%; height:auto; float:left; margin-left: 4%;}
#Cont div.txt2{position:absolute; float:left; left:50%; width: 30%; height:auto; margin-left:-15%;}
#Cont div.txt3{ width:35%; height:auto; float:right; margin-right: 4%;}
#Cont div.txt4{ width:100%;text-align:center;  padding-top: 20px;float:left;}
#Cont div.txt1 img,#Cont div.txt3 img{ width:40%;}
#Cont div.txt2 img{ width:45%;}
#Cont h2{ font-size:14px; color:#f63; font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;}
#Cont p{ font-size:11px; color:#777; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center;}
#Cont p a{font-family: Cycle, Arial, sans-serif; color:#666;}
/*--------------------------Pie----------------------*/
#mapa { width:100%;}
/*   -----**---------------------------------Pagina NOSOTROS------------------------------------**------    */
/*--------------------------Navegacion----------------------*/
/*--------------------------Mision----------------------*/
#mis { padding-top: 20px;padding-bottom: 20px;}
#mis div.txt{ width:75%; height:auto; float: left; margin-left: 15%; }
#mis li{ font-size:20px; color:#fff;font-family: CycleBold, Arial, sans-serif; padding-bottom:20px; text-align:justify;}

#misi { padding-top: 20px;padding-bottom: 20px;}
#misi div.txt{ width:80%; height:auto; float: left; margin-left: 10%; }
#misi p{ font-size:24px; color:#fff;font-family: CycleBold, Arial, sans-serif; text-align:justify;}

/*   -----**---------------------------------Pagina CONTACTOS------------------------------------**------    */
/*---------------------------------------------Contactos-----------------------------------------------------*/
#contacto { padding-top: 20px;padding-bottom: 20px;}
#contacto h2 {font-size:24px; color:#fff;font-family: CycleBold, Arial, sans-serif;}
#contacto p { padding: 10px;color:#000; text-align:justify; font-size:14px; margin-left:20%; }
#contacto p strong{ font-family:CycleBold, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#contacto div.txto{position:relative; left:0; width: 95%; margin-left:0;}

/*--------------------Paginas DEPARTAMENTOS - CATEGORIAS - PRODUCTOS --------------------------*/
#DCPRO{ background: url(../img/bg2.jpg) no-repeat bottom center fixed; -webkit-background-size: cover;
    		-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; padding:20px 0;}
#DCPRO div.view{ width: 40%; height: auto; left:0; right:0; margin:0 5%; float:left; text-align:center;}
#DCPRO div.view img{ width:80%; height:auto;}
#DCPRO h2{ font-size:16px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:10px 0;text-align:center;}
#DCPRO p{font-size:14px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#000;}

}

@media all and (max-width: 479px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 479px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#Cab div.txt{ width:100%; height:auto; float: left; margin-left: 0; padding:5px; text-align:center;}
#Cab div.txt p img{ width:10px; height:auto;}
#Cab div.txt p{ font-size:8px; color:#999; padding-bottom:5px;}
#Cab div.txt3{ width:100%; height:auto; float:left; margin-right:0; padding:5px; text-align:center;}
/*--------------------------MENU----------------------*/
#Menutp div.logo{ width:100%; height:auto; float: left; margin-left: 0; padding-bottom:5px; text-align:center;}
#Menutp div.logo img{ width:70%; height:auto;}
#Menutp div.elmenu{ width:100%; height:auto; float:left; margin-right: 0; padding:5px 0; text-align:center;}
#Menutp2  { display:none; background:#fff; width:100%; padding: 0; position:fixed; z-index:100;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
#Menutp2 div.logo{ width:20%; height:auto; float: left; margin-left: 4%; padding-top:10px; padding-bottom:5px;}
#Menutp2 div.elmenu{ width:60%; height:auto; float:right; margin-right: 4%; padding:20px 0; text-align:center;}
/*--------------------Valores Institucionales--------------------------*/
#PMV { width:100%; padding: 0 0 20px 0;}
#PMV div.view{ width: 40%; height: 230px; left:0; right:0; margin:4%; float:left;}
#PMV p{font-size:12px; font-family: Cycle, Arial, sans-serif; padding:10px; text-align:center; color:#fff;}
/*--------------------Fases e Imagenes--------------------------*/
#PIF { width:100%; padding:0; background:#399;}
#PIF div.view{ width: 100%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIF h2{ font-size:30px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 10px;text-align:center;}
#PIIF { width:100%; padding:0; background:#f63;}
#PIIF div.view{ width: 100%; height: auto; left:0; right:0; margin:0 auto; float:left; text-align:center;}
#PIIF h2{ font-size:30px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:20% 10px;text-align:center;}
#PIF img, #PIIF img { margin-bottom:-5px;}
/*--------------------Valores Números--------------------------*/
#PNE { width:100%; padding-top:30px; padding-bottom:0;}
#PNE div.view{ width: 50%; height: 270px; left:0; right:0; margin:0; float:left; text-align:center;}
#PNE p{font-size:13px; font-family: Cycle, Arial, sans-serif; padding:10px 0; text-align:center; color:#fff;}
/*--------------------------Redes-Sociales----------------------*/
#redes { background:#eee; width:100%; padding-top: 50px;padding-bottom: 50px; height:auto;}
#redes div.txt{ width:90%; height:auto; float: left; margin-left: 5%;}
#redes div.txt2{position:relative; float:left; left:0; width: 90%; margin-left:5%;}
#redes div.txt3{ width:90%; height:auto; float:left; margin-left:5%; margin-right:0;}
#redes h2{ font-size:20px; color:#666; font-family: Univers, Arial, sans-serif; padding-bottom:5px;}
#redes div.txt3 h2 img{ width:30px; height:auto;}
/*--------------------------Contacto----------------------*/
#Cont { background:#fff; width:100%; padding-top: 40px;padding-bottom: 10px;}
#Cont div.txt{ width:100%;text-align:center; padding:40px 0;}
#Cont div.txt1{ width:100%; height:auto; float:left; margin-left: 0;}
#Cont div.txt2{position:relative; float:left; left:0; width: 100%; height:auto; margin-left:0;}
#Cont div.txt3{ width:100%; height:auto; float:left; margin-right: 0;}
#Cont div.txt4{ width:100%;text-align:center;  padding-top: 40px;float:left;}
#Cont h2{ font-size:24px; color:#f63; font-family: CycleBold, Arial, sans-serif; padding-bottom:5px;}
#Cont p{ font-size:16px; color:#777; font-family: Cycle, Arial, sans-serif; padding:15px; text-align:center;}
#Cont p a{font-family: Cycle, Arial, sans-serif; color:#666;}
/*   -----**---------------------------------Pagina NOSOTROS------------------------------------**------    */
/*--------------------------Navegacion----------------------*/
/*--------------------------Mision----------------------*/
#mis { padding-top: 20px;padding-bottom: 20px;}
#mis div.txt{ width:75%; height:auto; float: left; margin-left: 15%; }
#mis li{ font-size:12px; color:#fff;font-family: CycleBold, Arial, sans-serif; padding-bottom:15px; text-align:justify;}

#misi { padding-top: 20px;padding-bottom: 20px;}
#misi div.txt{ width:80%; height:auto; float: left; margin-left: 10%; }
#misi p{ font-size:16px; color:#fff;font-family: CycleBold, Arial, sans-serif; text-align:justify;}
/*   -----**---------------------------------Pagina CONTACTOS------------------------------------**------    */
/*---------------------------------------------Contactos-----------------------------------------------------*/
#contacto {  padding-top: 20px;padding-bottom: 20px;}
#contacto h2 {font-size:24px; color:#fff;font-family: CycleBold, Arial, sans-serif;}
#contacto p { padding: 10px;color:#000; text-align:justify; font-size:14px; margin-left:10%;}
#contacto p strong{ font-family:CycleBold, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#contacto div.txto{position:relative; left:0; width: 95%; margin-left:0;}

/*--------------------Paginas DEPARTAMENTOS - CATEGORIAS - PRODUCTOS --------------------------*/
#DCPRO{ width:100%; padding:0;}
#DCPRO div.view{ width: 90%; height: auto; left:0; right:0; margin:5%; float:left; text-align:center;}
#DCPRO h2{ font-size:20px; color:#fff;font-family: Cycle, Arial, sans-serif; padding:10px 0;text-align:center;}
#DCPRO p{font-size:18px; font-family: Cycle, Arial, sans-serif; padding:20px; text-align:center; color:#000;}


}