@charset "utf-8";
/* CSS Document */

/* Reset 
header, footer, article, nav, section, aside,{
display : block;
}*/
html, body, header, nav, section, footer, article, aside, figure, img, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, hr {
border : 5;
margin : 0;
outline : 0;
padding : 0;
}

body{font-size:12px;font-family:Calibri;color:#383838;background:#0071b0;background:url(../images/back.jpg) repeat-x; }
a{color:#383838; text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover{color:#2d57ad;}

/*navegador current*/
#Inicio    nav #Inicio,
#Somos     nav #Somos,
#Productos nav #Productos,
#Servicios nav #Servicios,
#Galeria   nav #Galeria,
#Contacto  nav #Contacto
{
	color:#fff;background:#38405b url(../images/bullet-white.jpg) 25px 23px no-repeat;
-webkit-box-shadow: inset 0px 2px 5px #000;
   -moz-box-shadow: inset 0px 2px 5px #000;
		box-shadow: inset 0px 2px 5px #000;
	}





#content{ width:100%; background:url(../images/back.jpg) no-repeat top  left; }
#contentproductos{ width:100%; height:1970px; background:url(../images/PMN_web2_Productos.jpg) no-repeat top center; /*background:url(../images/shadowcorners.png) center top no-repeat;*/ }
#contentcontacto{ width:100%; height:1220px; background:url(../images/PMN_web2_Contacto.jpg) no-repeat top center; /*background:url(../images/shadowcorners.png) center top no-repeat;*/ }

#wraper{width:960px; margin:0 auto; position:relative}

header{position:relative; height:115px;}
.logo{position:absolute;top:20px; left:0}


nav{width:200px;min-height:300px; background:url(../images/back-nav.jpg) no-repeat top left;
-webkit-box-shadow: 0px 2px 5px #000;
   -moz-box-shadow: 0px 2px 5px #000;
		box-shadow: 0px 2px 5px #000;position: relative
}
nav ul { list-style:none;font-size:16px; }
nav ul a li{padding:0 0 0 38px;line-height:50px;background:url(../images/bullet-blue.jpg) 25px 23px no-repeat; border-top:1px solid #989898;}
nav ul li:hover{background:url(../images/bullet-white.jpg) 25px 23px no-repeat;}

.submenulink{padding:0 0 0 38px;line-height:50px;background:url(../images/bullet-blue.jpg) 25px 23px no-repeat; border-top:1px solid #989898; cursor:default}
.submenulink:hover .submenu{ display:block}

.submenu{position:absolute; z-index:1;list-style:none;font-size:16px; background:#989898; width:290px; top:102px; left:200px; display:none;}
.submenu a li{padding:0 0 0 38px;line-height:50px;background:#38405b url(../images/bullet-white.jpg) 25px 23px no-repeat; border-top:1px solid #989898; color:#fff;}
.submenu li:hover{color:#fff;background:#38405b url(../images/bullet-white.jpg) 25px 23px no-repeat; border-top:1px solid  transparent;
-webkit-box-shadow: inset 0px 2px 5px #000;
   -moz-box-shadow: inset 0px 2px 5px #000;
		box-shadow: inset 0px 2px 5px #000;}




/*///// HOME /////*/
.slider{width:760px;min-height:300px;}
.slider img{
-webkit-box-shadow: 0px 2px 5px #000;
   -moz-box-shadow: 0px 2px 5px #000;
		box-shadow: 0px 2px 5px #000;	
	}

.cols{margin-top:10px;}
.cols article{width:470px;min-height:520px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#c4c4c4');  /*IE6ÐIE9 */
	background: -webkit-linear-gradient(top, #e8e8e8, #c4c4c4); /* Safari, Chrome */
	background: -moz-linear-gradient(top, #e8e8e8, #c4c4c4);  /* Firefox */
	background: -o-linear-gradient(top, #e8e8e8, #c4c4c4);  /* Opera */
	background: -ms-linear-gradient(top, #e8e8e8, #c4c4c4);  /* IE10 */
	-webkit-box-shadow: 0px 2px 5px #000;
   	   -moz-box-shadow: 0px 2px 5px #000;
			box-shadow: 0px 2px 5px #000;

}
.cols article h1{font-size:18px;font-weight:normal;color:#fff;margin:10px 0; padding:5px 20px; background:url(../images/back-cols.png) no-repeat top left}
.cols article h2{font-size:18px;font-weight:normal;margin:10px 15px;}
.cols article p{margin:10px 15px;}
.cols article img{margin:0 10px;}

.cols article table{}
.cols table tr{vertical-align:top; text-align:right;}
.cols form label{font-size:14px;}
.cols form input, .cols form select {width:290px;height:20px;margin-bottom:15px; border:1px solid #e8e8e8;
-webkit-box-shadow: inset 0px 2px 5px #888;
   -moz-box-shadow: inset 0px 2px 5px #888;
		box-shadow: inset 0px 2px 5px #888;
}
.cols form textarea{width:290px;margin-bottom:15px; border:1px solid #e8e8e8;
-webkit-box-shadow: inset 0px 2px 5px #888;
   -moz-box-shadow: inset 0px 2px 5px #888;
		box-shadow: inset 0px 2px 5px #888;	
	}
.cols form select{height:25px;}
.cols form button{cursor:pointer;border:none; color:#FFF;padding:6px 24px;margin-bottom:15px; font-size:11px;
	-webkit-box-shadow: inset 0px 0px 5px #000;
	   -moz-box-shadow: inset 0px 0px 5px #000;
			box-shadow: inset 0px 0px 5px #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d556c', EndColorStr='#2a3144');  /*IE6ÐIE9 */
	background: -webkit-linear-gradient(top, #4d556c, #2a3144); /* Safari, Chrome */
	background: -moz-linear-gradient(top, #4d556c, #2a3144);  /* Firefox */
	background: -o-linear-gradient(top, #4d556c, #2a3144);  /* Opera */
	background: -ms-linear-gradient(top, #4d556c, #2a3144);  /* IE10 */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.cols form button:hover{
	-webkit-box-shadow: inset 0px 0px 5px #000;
	   -moz-box-shadow: inset 0px 0px 5px #000;
			box-shadow: inset 0px 0px 8px #000;
	}
/*///// /HOME //////*/




/*///// INTERIOR /////*/
.container{width:760px;min-height:700px; background:#FFF; position:relative}
.container .head{
-webkit-box-shadow: 0px 2px 5px #000;
   -moz-box-shadow: 0px 2px 5px #000;
		box-shadow: 0px 2px 5px #000;	
	}
.container .titulo{position:absolute; top:20px; right:0; width:288px; height:60px; background:url(../images/back-head.png) no-repeat top left; color:#fff; font-size:30px; font-weight:bold;font-style:italic; text-align:center; line-height:47px}

.container .shadow-left{position:absolute;top:510px; left:-31px; width:31px; height:320px; background:url(../images/shadow-left.png) no-repeat top left;}
.container .shadow-right{position:absolute;top:510px; right:-31px; width:31px; height:320px; background:url(../images/shadow-right.png) no-repeat top left;}
.container article{margin:30px 0 0 35px;}
.container article h1{color:#2d57ad;font-size:32px;font-weight:bold;font-style:italic}
.container article p{float:left;width:430px;margin:15px 20px 0 0 ;font-size:13px;font-weight:bold; text-align:justify}
.container article img{float:left;margin-top:20px;}
.container article  h2{color:#2d57ad;font-size:20px;}

.container>hr{margin:35px;height:1px;background-color: #92aed3;}

.container article>table{ text-align:center;color:#4c4c4c;font-weight:bold; font-size:14px; margin:20px 0 0 20px}
.container article>table thead{ height:37px; background:#38405b; color:#FFF; font-size:18px; }
.container article>table thead .titulo-white{ background:#fff; color:#4c4c4c; text-align:left; vertical-align:bottom}
.container article>table thead .corner{ background: #FFF url(../images/corner.png) no-repeat top left; width:20px; height:37px;}
.container article>table tbody tr{ height:30px;}
.container article>table tfoot tr{ height:50px;}

.container article .ubicacion{margin-top:0;}
.container article div{float:left; width:300px;margin:20px 20px 200px 0;font-weight:bold;}
.container article div h2{color:#2d57ad;font-size:20px;}

.container figure{width:220px; min-height:290px;background:#38405b; padding:10px; margin:10px 0 10px 10px; float:left;

}
.container figure{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	}
.container figure img{
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
	}
.container figure img{margin:0; padding:0; margin-bottom:10px}
.container figure figcaption{color:#fff; font-size:14px; font-weight:bold;padding:10px;}
.container a:hover figure{
-webkit-box-shadow: 0px 2px 5px #000;
   -moz-box-shadow: 0px 2px 5px #000;
		box-shadow: 0px 2px 5px #000;	
	}
.container a:hover figure img{
-webkit-box-shadow: 0px 5px 5px #000;
   -moz-box-shadow: 0px 5px 5px #000;
		box-shadow: 0px 5px 5px #000;	
	}	

	
.acordion {width:720px; margin:20px; }
.ui-accordion {width:100%; }
.ui-accordion .ui-accordion-header {padding:10px 0;margin:0; margin-top:5px !important;font-size:12px;color:#000;font-weight:bold; border-radius:0; border:none}
.ui-accordion .naranja{ background:#f15623;}
.ui-accordion .amarillo{ background:#896cb0;}
.ui-accordion .rosaclaro{ background:#f9e1ee;}
.ui-accordion .rosa{ background:#bd7bb1;}
.ui-accordion .azul{ background:#5ec0ee ;}
.ui-accordion .amarillo2{ background:#fffe05 ;}
.ui-accordion .blanco{ background:#ffffff ;}
.ui-accordion .rojo{ background:#ff1111 ;}
.ui-accordion .verdeolivo{ background:#C5D59D ;}
.ui-accordion .ui-accordion-header .ui-icon {background: url(../images/iconos.jpg); }
.ui-accordion .ui-accordion-content {border:none;border-radius:0; margin-bottom:5px !important; padding:0 !important; padding-bottom:30px !important;}

.acordion>table thead{ height:67px; background:#38405b; color:#FFF;text-align:center; font-weight:bold; font-size:13px;}
.acordion>table thead tr td{ padding:3px;border:1px solid #50597a;}
.acordion div>table tbody tr td{padding:3px;font-size:12px;text-align:center; vertical-align:top;}
.acordion>table thead .corner{ background: #FFF url(../images/corner-big.png) no-repeat top left; width:70px; height:67px; border:none; padding:0}
.acordion div>table tbody tr td hr{margin:5px 5px 5px 50px;height:1px;background-color:#666;}
.regresar{ background: url(../images/back-regresar.png) no-repeat top left; width:150px; height:30px; position:absolute; right:0; top:200px; color:#fff; font-size:16px; line-height:30px; font-weight:bold; text-align:center; font-style:italic;
-webkit-box-shadow: 3px 3px 3px #333;
   -moz-box-shadow: 3px 3px 3px #333;
		box-shadow: 3px 3px 3px #333;
	}
/*///// /INTERIOR /////*/
.regresar:hover{ color:#fff;
-webkit-box-shadow: 3px 2px 3px #666;
   -moz-box-shadow: 3px 2px 3px #666;
		box-shadow: 3px 2px 3px #666;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;	
	}



/*///// FOOTER /////*/
footer{min-height:30px; margin:10px 0; padding:10px 0;}
footer ul{ margin-left:15px;}
footer ul li{list-style:none; display:inline; line-height:20px; padding:0}
footer ul li a{text-decoration:none;font-weight:bold; color:#6d6d6d}
footer ul li a:hover{color:#2d57ad;}
/*///// /FOOTER /////*/




/*///// CONTACTO /////*/
.contacto{float:left;width:430px;margin:30px 20px 0 0 ;font-size:13px;font-weight:bold;}
.contacto table tr{vertical-align:top; text-align: right;}
.contacto input, .contacto textarea {width:290px; margin-bottom:18px; border:1px solid #e8e8e8;
-webkit-box-shadow: inset 0px 2px 5px #888;
   -moz-box-shadow: inset 0px 2px 5px #888;
		box-shadow: inset 0px 2px 5px #888;
}
.contacto input{ height:20px}

.contacto button{ width:140px;height:39px;float:right;cursor:pointer;border:none;background:url(../images/botonenviar.png) no-repeat top left;}
.contacto button:hover{background:url(../images/botonenviar2.png) no-repeat top left;}

.avisosForm{
	background-color:#f9edbe; 
	padding: 4px 12px;
	border-radius: 2px;
	color: #000;
	margin-left: 16px;
	margin-top:-2px;
	position: absolute;
}
.avisosForm:before{
	content: '';
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 8px solid #f9edbe;/*#f9edbe*/
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 0px;
}

.notFilled {
-webkit-box-shadow: 0 1px 6px #8f8f8f;
   -moz-box-shadow: 0 1px 6px #8f8f8f;
		box-shadow: 0 1px 6px #8f8f8f;
}


.shadow bottom{
-webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
}
/*///// CONTACTO /////*/


/* let's clear some floats */
.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden;}  
.clearfix:after {clear:both;}  
.clearfix {zoom:1;} 
.left {float:left;}
.right {float:right; }

.clear20 {height:20px;}
.clear30 {height:30px;}