* {

	margin:0;

	padding:0

}

	body {

	font: normal 11px/18px Verdana,Tahoma,Sans-serif;

	background-color: #111111;

	}

.thispage{

	margin:0px 1px;

	font-weight: bold;

    

}

.leyendpagina{

  color: #fff;

  padding: 5px;

  margin: 5px;

}

.paginator  {

	text-align:center;

	font-weight:normal;

    float: right;

	text-align:right;

	color:#000000;

	font-size:10px;

	padding:3px 3px;

	margin:4px;

    width:670px;

}

.paginator a{

	color:#000000;

	border: #DDDDDD 1px solid;

	background:#ebf4fb url(../display/btn_bg.jpg);

	margin:1px;

	padding:3px 6px;

	text-decoration:none;

}

.paginator a:hover {

	background:#101010 url(../display/menuhr.jpg);

	color:#ffffff;

	text-decoration:none;

}

.busqueda, #busqueda{

   width:220px;

   float: right;

   height: 45px;
   position: relative;
   clear: inherit;
display: inline-block;
z-index: 8000;
top: -160px;
}

.productos, #productos{

   width:100%;

   float: left;

}

.rutaz {

	border: 1px #DDD solid;

	float:left;

	padding:5px;

	margin-bottom:5px;

	height: 22px;

	

}    

.search-box,#search-box {

	border: 0px #DDD solid;

	padding:5px;

	height: 40px;

    width: 290px;

	float:right;
z-index: 8000;
}

.searchinput{
z-index: 8000;
	border:1px #DDD solid;

	color: #0949F2;

	padding:2px 2px;

	font-weight:bold;

    height: 30px;

    width: 150px;

    float:right;

 line-height:20px;



}

.searchbutton{
    z-index: 8000;
	background: #000 ;

	border:#0071E1 1px solid;

	color:#FFF;

	padding:2px 2px;

	height: 35px;

    width: 50px;

	font-weight:bold;

    float:right;

}

.search-box .button{
    z-index: 8000;
	background: #0949F2 none;

	border:none;

	color:#FFF;

	padding:2px 6px;

	

	font-weight:bold;

}

.listaimagen{

  float: left;

  padding: 10px;  

}



.div-slider{



 width: 980px;

 height: 300px;

 margin-top: 0pt;

 margin-right: 2px;

 margin-bottom: 2px;

 margin-left: 2px;

 border:#CCC 1px solid;

}

.carousel-next{background:url(../display/next.png) 0 0 no-repeat;

 float: right;

 width: 60px;

 height: 280px;

  }

.carousel-previous{background:url(../display/prev.png) 0 0 no-repeat;

 float: left;

  width: 60px;

 height: 280px;

  }

.carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;border:0;text-indent:-9999px;}

.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

.disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}



.page { background:#0e0e0e; text-align: center;}

.header-container { color: #fff; padding: 0; margin: 0;  }

.header-container a:link,.header-container a:visited { background:none; color: #fff;text-decoration: none; }

.header-title {  display: inline-block; background:transparent; text-align: center;  float: none; width:990px; height: 350px;  display: inline-block; clear: right;   margin:0px 1px;  padding:2px 0px 1px 0px; text-align:left;border-right: 0px;}

.header { display: inline-block;  text-align: center;  width:978px; margin-bottom: 0px; height: 40px; margin:0px;  padding:0px 0px 0px 0px; text-align:left;border-right: 0px solid #6b6f73; border-left: 0px solid #6b6f73; position:absolute; }

#tituloimagen{  text-align: center; width:100%; display: inline-flex; position: initial; }

.title{ font-size:300%;  font-weight: bold; font-variant: small-caps; padding: 4px; line-height:1.2em; }

.address{  font-size:140%; font-weight: bold; padding:6px 4px 2px 4px; }

.phone{ font-size:130%; font-weight: bold; padding:2px 4px; }

.main-container {  }

.nav-container { background:none;  margin:0; }

.main { display: inline-flex;  width:980px; margin:0px;  padding:2px 0px 2px 0px; background:transparent;background-position: center; }

.col-left { float:left; width:170px; padding:0 0 1px; min-height:350px ; }

.col-main { float:left; width:100%; padding:15px; background: #fff;   }

#publicacion{
   padding: 10px;
}     

.col-mainhome { padding: 0; margin: 0; }

.homeproducto { float:left; width:100%; padding:2px; }

.col-right { float:right; width:230px; padding:0 0 1px; }

.footer-container {  padding-bottom: 20px;  background:transparent; border-top: 0px;  background-position: center; float: none;





 }

.modulofooter {
    
    float: none;
    display: inline-block;
}
.modulo {
float: left;
display: inline-block;
margin: 10px;
padding: 6px;
width: 270px;
}
.footer {
    margin:0 auto; padding:0px;margin-bottom: -1px; 
width:100%;
 color:#fff;
}

.pagemain{

    

  

    background-color: #0055AA;

    

}

.prod-tabla{

  padding: 1px;

  float: left;

  border:0px;

  margin: 1px;

  width: 675px;  

}

.resumenx{

 float: left;

 width: 669px; 

 margin: 0px;   

}

.prod-tr{

  padding: 1px;

  float: left;

  width: 680px; 

  border:1px solid #ccc;

  margin: 2px;

  background-color: #FEFDE2;

}

.prod-tr-anuncio{

  padding: 1px;

  float: left;

  width: 680px; 

  border:1px solid #ccc;

  margin: 2px;

  background-color: #D2E9FF;

  border: 1px solid #42B8FF; 

}



.prod-tr-rojo{

  padding: 1px;

  float: left;

  width: 680px; 

  border:1px solid #FF4646;

  margin: 2px;

  background-color: #FFC1C1;

}

.prod-td{

  font-size: 8px;  

  padding:4px 1px;

  float: left;

  width: 80px;  

}



.prod-td-x{

  font-size: 8px;  

  padding: 4px 2px;

  float: left;

  width: 20px;  

}

.linea-td{

  background-color: #FAFDD2; 

  font-size: 10px;  

  padding: 15px 4px;

  float: left;

  width: 650px;  

}

.linea-td-anuncio{



  font-size: 10px;  

  padding: 15px 4px;

  float: left;

  width: 650px;  

}

.label-td{

  font-size: 10px;  

  padding:20px 4px 10px 4px;

  float: left;

  width: 90px;

  text-align: right;  

}

.imput-td{

  font-size: 10px;  

  padding: 20px 4px 10px 4px;

  float: left;

  width: 550px;

  text-align: left;  

}

.imput-name{

  font-size: 10px;  

  padding: 8px 4px 10px 4px;

  float: left;

  width: 175px;

  text-align: left;  

}

.imput-title2{

  font-size: 10px;  

  padding: 8px 4px 10px 4px;

  float: left;

  width: 205px;

  text-align: left;  

}

.imput-title3{

  font-size: 10px;  

  padding: 8px 4px 10px 4px;

  float: left;

  width: 160px;

  text-align: left;  

}

.imput-direccion{

  font-size: 10px;  

  padding: 8px 4px 10px 4px;

  float: left;

  width: 275px;

  text-align: left;  

}

.imput-telefono{

  font-size: 10px;  

  padding: 8px 4px 10px 4px;

  float: left;

  width: 105px;

  text-align: left;  

}

.imput-nameprint{

  font-size: 12px;  

  padding: 14px 4px 10px 4px;

  float: left;

  width: 175px;

  text-align: left;  

}

.imput-title2print{

  font-size: 12px;  

  padding: 14px 4px 10px 4px;

  float: left;

  width: 205px;

  text-align: left;  

}

.imput-title3print{

  font-size: 12px;  

  padding: 14px 4px 10px 4px;

  float: left;

  width: 160px;

  text-align: left;  

}

.imput-direccionprint{

  font-size: 12px;  

  padding: 14px 4px 10px 4px;

  float: left;

  width: 275px;

  text-align: left;  

}

.imput-telefonoprint{

  font-size: 12px;  

  padding: 14px 4px 10px 4px;

  float: left;

  width: 105px;

  text-align: left;  

}

/* INPUT FIELD CSS Copy this to your style sheet

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

#contactform {

	width:98%;

	-moz-border-radius:5px;

	margin-left:auto;

	margin-right:auto;

}

#contactform form {

	font:normal 11px/18px Verdana,Tahoma;

	margin:0 0;

	padding:0;

	margin-top:20px;

	width:100%;

}

#contactform fieldset {

	padding:10px 0;

	margin:0 0 15px 0;

	background:#fff;

	border:1px solid #ddd;

	-moz-border-radius:5px

}





#contactform fieldset legend {

	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;

	padding:3px 25px;

	margin-left:30px;

	text-transform:uppercase;

	border:0px solid #ddd;

}

#contactform fieldset legend span {

	font:normal 10px/18px Arial,Verdana,Tahoma;

	text-transform:uppercase;

	display:block;

}

#contactform form label {

	display:block;

	float:left;

	width:150px;

	padding:6px 10px 0 0;

	margin:0px;

	text-align:right;

}





form br {

	clear:left;

}







#contactform .select select:focus {

	border-color: #9b9b9b;

}

#contactform form input.btn

	{

		background:none;

		border:none;

	}



form.c1 input:hover,textarea:hover

	{

		border:1px solid #d8d8d8;

	}



/* Error / Success / Notice 

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



.notes		{ background-color:#f0f0f0; border:1px solid #b8b8b8; }

.success { background-color:#ccfcd1; border:1px solid #60a400; color:#009900; text-align:center; }

.error		{

	background-color:#FADEDF;

	border:1px solid #ED030A;

	color:#FF0000;

	text-align:center;

	

}

.notice		{ background:#fcf0cc; border:1px solid #ecc735; }



.notes,.notice,.success,.error

			{

				padding:10px;

				font-size:11px;

				

			}



.notes span,.notice span,.success span,.error span 

			{

				font-weight:bold;

				font-size:1.2em;

			}



.notes p,.success p,.error p,.notice p

			{

				margin:0px;

				padding:0px;

			}



#note {width:90%;margin:0 auto; }

.imgform{

    float:right;

    padding: 10px;

}



th{

	background: #0059B3;

    color: white;

	padding:5px 0px 5px;

}

/* menuricardgg */

#menurg{

    float: left;

    width: 970px;

    

   

	padding:2px;

	background:none;

	

    

}

#menurgimgbanner{

    width: 100%;

    height: 80px;

    margin:0 0;

	padding:5px;

	background:none;

	

    

}

#menurgimg li{

	margin:0 1px;

	width:60px;

	min-height:60px;

	text-align:center;

	background:none;

	list-style:none;

	padding:2px 2px;

}

ul#menurgimg a {



	border: 1px solid;

	border-right-color: #7a3311;

	border-bottom-color: #7a3311;

	padding: 0px 0px;

	float: none !important; /*For Opera*/

	float: left; /*For IE*/

	display: block;

	background: #000;

	color: #FFFFFF;

	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	height: auto !important;

	height: 1%; /*For IE*/

}

#menurgimg li ul li{

float:none;

width:98px;

margin:1px 0;



}

ul#menurgimg li {

float: none;

display: inline-block;

position: relative;}

#menurgimg li:hover{

	background:none;

}



ul#menuricardgg {

z-index:2;

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 100%;

  list-style: none;

  height: 30px;

  text-align: center;

}



ul#menuricardgg li {

z-index:2;

  margin: 0;

  border: 0 none;

  padding: 0;

  float: none; 

  display: inline-block;

  list-style: none;

  position: relative;

  height: 30px;

  

}



ul#menuricardgg ul {

z-index:2;

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 200px;

  list-style: none;

  display: none;

  position: absolute;

  top: 30px;

  left: 0;

  

}



ul#menuricardgg ul:after {

  z-index:2;

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

  

}



ul#menuricardgg ul li {

  width: 200px;

  float: left; 

  display: block !important;

  display: inline;

   

}



/* Menu */

ul#menuricardgg a {

 	border: 1px solid #31af1c;



    background-color: #fff;

	padding: 4px 8px;

	float: none !important; 

	float: left;

	display: block;

	

    background-position: center;

	color: #104c06;

	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	height: auto !important;

	height: 1%;

    margin: 2px; 

    -webkit-border-radius: 0px 10px 0px 10px;

    border-radius: 0px 10px 0px 10px;

    -moz-border-radius: 0px 10px 0px 10px;

    border-top-right-radius:10px;

    border-bottom-left-radius:10px;

    -ms-border-radius: 0px 10px 0px 10px;

    

}





ul#menuricardgg a:hover,

ul#menuricardgg li:hover a,

ul#menuricardgg li.iehover a {

 	border: 1px solid #0d457e;

	border-left-color: #0d447c;

	border-top-color: #0d447c;

    background-color: #0957a5;

  color: #FFFFFF;

}





ul#menuricardgg li:hover li a,

ul#menuricardgg li.iehover li a {

  float: none;

  background: #fff;

  color: #094683;

  

    -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    -moz-border-radius: 4px 4px 4px 4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    -ms-border-radius: 4px 4px 4px 4px;

}





ul#menuricardgg li:hover li a:hover,

ul#menuricardgg li:hover li:hover a,

ul#menuricardgg li.iehover li a:hover,

ul#menuricardgg li.iehover li.iehover a {

  background: #004c98;

  color: #FFFFFF;

  

  -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    -moz-border-radius: 4px 4px 4px 4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    -ms-border-radius: 4px 4px 4px 4px;

}





ul#menuricardgg li:hover li:hover li a,

ul#menuricardgg li.iehover li.iehover li a {

  background: #004c98;

  color: #FFFFFF;

}





ul#menuricardgg li:hover li:hover li a:hover,

ul#menuricardgg li:hover li:hover li:hover a,

ul#menuricardgg li.iehover li.iehover li a:hover,

ul#menuricardgg li.iehover li.iehover li.iehover a {

  background: #004c98;

  color: #FFFFFF;

}





ul#menuricardgg li:hover li:hover li:hover li a,

ul#menuricardgg li.iehover li.iehover li.iehover li a {

  background: #004c98;

  color: #666;

}





ul#menuricardgg li:hover li:hover li:hover li a:hover,

ul#menuricardgg li.iehover li.iehover li.iehover li a:hover {

  background: #000;

  color: #FFF;

}



ul#menuricardgg ul ul,

ul#menuricardgg ul ul ul {

  display: none;

  position: absolute;

  top: 0;

  left: 160px;

}





ul#menuricardgg li:hover ul ul,

ul#menuricardgg li:hover ul ul ul,

ul#menuricardgg li.iehover ul ul,

ul#menuricardgg li.iehover ul ul ul {

  display: none;

}



ul#menuricardgg li:hover ul,

ul#menuricardgg ul li:hover ul,

ul#menuricardgg ul ul li:hover ul,

ul#menuricardgg li.iehover ul,

ul#menuricardgg ul li.iehover ul,

ul#menuricardgg ul ul li.iehover ul {

  display: block;

  

}



/* fin menuricardgg*/



.content {

	height:auto;

	width:100%;

	background-color:#004B97;

	padding:5px;

}

#content1 {

	height:575px;

	width:auto;

	

	padding:5px;

}

#cuadroimgx{

   

    float: left;

 

    }

#cuadroimg{

    height: 150px;

    width: 224px;

    padding: 4px;

    

}

#cuadrotext{

    height: 50px;

    width: 224px;

    padding: 4px;

   

   

}

.myform{

	margin:2px; 

	width:685px;

	padding:1px; 

	background:#ebf4fb;

    float: left;

    padding-bottom: 18px;

}

	/* ----------- basic ----------- */

	#basic{

		border:solid 1px #DEDEDE;

	}

	#basic h1 {

		font-size:14px;

		font-weight:bold;

		margin-bottom:8px;

	}

	#basic p{

		font-size:11px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #dedede;

		padding-bottom:10px;

	}

	#basic label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:140px;

		float:left;

	}

	#basic .small{

		color:#666666;

		display:block;

		font-size:11px;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	#basic input{

		float:left;

		width:200px;

		margin:4px 4px 4px 4px;

		border:solid 1px #aacfe4;

		

	}



	select{

		float:left;

		width:200px;

		margin:2px 0 20px 10px;

        border:solid 1px #aacfe4;

	}



	#basic select{

		float:left;

		width:200px;

		margin:2px 0 20px 10px;

        border:solid 1px #aacfe4;

	}

	textarea{

		float:left;

		width:400px;

		margin:2px 0 10px 10px;

	}

	#basic button{ 

		clear:both;

		margin-left:150px;

		background:#0059b3;

		color:#FFFFFF;

		border:solid 1px #666666;

		font-size:11px;

		font-weight:bold;

		padding:4px 6px;

	}





	/* ----------- stylized ----------- */

#stylized{

 border:solid 1px #b7ddf2;

 background:#ebf4fb;

 border-bottom-width: 1px;

 border-bottom-style: solid;

 background-attachment: scroll;

 background-position: 0pt 0pt;

 float: left;

 width: 100%;

 margin: 0px;

 z-index:100;

}

	#stylized textarea{

		float:left;

		width:80%;
        height: 400px;

		margin:2px 0 10px 10px;

	}

	#stylized select{

		float:left;

		width:200px;

		height:25px;

		padding:2px;

		margin:2px 0 5px 5px;

		border:solid 1px;

        border-color:#aacfe4;

        filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#aacfe4) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#aacfe4) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#aacfe4) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#aacfe4);

		

	}

	#stylized  input.required {

	background:#f5f5f5 url('display/required.gif') center right no-repeat;

	

}

	#stylized label{

		display:block;

		font-weight:bold;

        font-size: 12px;

		text-align:right;

		width:20%;

		float:left;

        padding: 6px;

	}

		

	#stylized label2{

		display:block;

		font-weight:bold;

		text-align:right;

	

		float:left;

	}

	#stylized .small{

		color:#666666;

		display:block;

		font-size:11px;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	

	#stylized h1 {

		font-size:18px;

		font-weight:bold;

		margin:15px 15px 2px 15px;

        

	}

	#stylized p{

		font-size:11px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #b7ddf2;

		padding:0px 2px 10px 15px;

	}





	#stylized input, .myform input, #input, .input{

		float:left;

		font-size:12px;

		padding:4px 2px;

		width:210px;

		margin:2px 2px 2px 2px;

		border-bottom:solid 1px #b7ddf2;

	}

    #stylized button{ 

		clear:both;

		margin:20px 35%;

		width:130px;

        float: none;

		padding: 10px;

		background:#0059b3 url(../display/button2.png) no-repeat;

		text-align:center;

		line-height:31px;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

		

	}

   #stylized fieldset {

		border: none;

        margin:8px 2px 5px 2px;

	}

    #stylized fieldset legend{

		display:block;

		font-weight:bold;

        font-size: 12px;

		text-align:right;

		width:180px;

		float:left;

        padding: 6px;

	}

    #stylized fieldset input{

	    float:left;

		font-size:12px;

		padding:2px 2px;

		width:50px;

		margin:2px 2px 2px 2px;

		border-bottom:solid 1px #b7ddf2;

	}

   #stylized fieldset label{

	

		font-weight:normal;

        font-size: 11px;

		text-align:right;

		width:30px;

		float:left;

        padding: 6px;

	}

	.textoentrada, .textoentrada select, .textoentrada input{ width:150px; height:25px; font-size:12px; border:solid 1px #aacfe4; }



#stylized2{

		border:solid 2px #b7ddf2;

		background:#ebf4fb;

        

	}

    #stylized2 button{ 

		clear:both;

		margin-left:1px;

		width:60px;

		height:60px;

		background:#0059b3 url(../display/button2.png) no-repeat;

		text-align:center;

		line-height:31px;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

		

	}

	#stylized2 input, .myform input, #input, .input{

		float:left;

		font-size:12px;

		padding:4px 2px;

		width:50px;

		margin:2px 0 5px 5px;

		border-bottom:solid 1px #b7ddf2;

	}

	#stylized2 h1 {

		font-size:14px;

		font-weight:bold;

		margin-bottom:8px;

	}

	#stylized2 p{

		font-size:11px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #b7ddf2;

		padding-bottom:10px;

	}

	

.myform2{

	margin:2px;

	width:685px;

	padding:4px;

	background:#ebf4fb;

}    

#stylized3{

		border:solid 1px #b7ddf2;

		background:#ebf4fb;

        z-index: 1;

	}

    #stylized3 button{ 

       

        display: inline;

        position: relative;

        display: block;

		float: left;

		margin:10px;

		width:80px;

		height:80px;

		background:#1149a0 url(../display/button2.png) no-repeat;

		text-align:center;

        z-index: 1;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

		

	}

 .myform3{

	margin:2px 2px;

    margin-right: 50px;

	width:685px;

	padding:1px;

	background:#ebf4fb;

    height:90px !important;

    float: right;

    padding-bottom: 10px;

}     





#stylizedmail{

 border:solid 1px #5E0000;

 background: #FFFFC1;

 border-bottom-width: 1px;

 border-bottom-style: solid;

 background-attachment: scroll;

 background-position: 0pt 0pt;

 float: left;

 z-index:100;

 color:#5E0000;

 width: 100%;

 margin: 4px;

}

#stylizedmail label{

		display:block;

		font-weight:bold;

        font-size: 12px;

		text-align:right;

		width:150px;

		float:left;

        padding: 4px;

	}

    #stylizedmail button{ 

		clear:both;

		margin-left:1px;

		width:150px;

		

		background: #5E0000 url(../display/button2.png) no-repeat;

		text-align:center;

		line-height:31px;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

		

	}

    	#stylizedmail input, .myformmail input, #input, .input{

		float:left;

		font-size:12px;

		padding:2px 2px;

		

		margin:2px 2px 2px 8px;

		border-bottom:solid 1px #5E0000;

        width:400px;

	}

#checkboxtipo, .checkboxtipo {

        width: 50px;

    }

#upload_form {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666666;

}



#upload_process{

   z-index:100;

   visibility:hidden;

   position:absolute;

   text-align:center;

   width:400px;

}

.sbtn    {

	background-image: url(images/button.gif);

	border: 1px solid #000033;

	height: 22px;

	width: 82px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	background-position: center;

	padding: 0px;

	margin-top: 20px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 20px;

}

.cproductoimg{ text-align: center; background-color: blue; }

.footer { color:#FFFFFF; font-size: 14px; text-align:center; }

.developed { text-align:center; font-family:'Times New Roman', Times, serif; font-size:10px; font-weight:bold; color:#ffe400;}

.developed a:link,.developed a:visited{text-decoration: none; color:#ffe400; }

.developed:hover,.developed a:hover{text-decoration: none; color:#fff; }

/* productos */

.productodetalle{

  float: left;  

  border: 1px solid #ccc;

  width: 700px;

  padding: 10px;

  margin: 5px;

  border: 1px solid #989899;

   border-right-color: #000;

   border-bottom-color: #000;

   background:#fff url(../images/product_bg.jpg) no-repeat center bottom;  

}

.dataproduct{

 float: left;

 padding: 4px;

 margin: 2px;

 width: 680px;

 text-align: left;

 border: 1px solid #e6ffe7;

 background-color: #f3fff3;

}

.dataproduct ul,.dataproduct ul li,.dataproduct li {

 width: 57%;

 padding: 2px 0px 1px 15px;

 margin-left: 0px;



}

.cuadridiv,.cuadridiv ul,.cuadridiv ul li,.cuadridiv li{

 padding: 2px 0px 1px 15px;

  

}

.dataproduct p{

 float: left;

 padding: 2px;

 margin-left: 10px;

 text-align: left;

}



.dataproduct button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

.dataproduct button { -webkit-border-fit:lines; background:#1149a0 url(../display/btn_cart.jpg) no-repeat; } /* <- Safari & Google Chrome Fix */

.dataproduct button{ overflow:visible; height:25px; width: 84px; border:0; padding:0; margin:0; padding: 4px 2px; background:url(../display/btn_cart.jpg) no-repeat; cursor:pointer; }

.button{ overflow:visible; height:25px; width: 84px; border:0; padding:0; margin:0; padding: 4px 2px; background:url(../display/btn_cart.jpg) no-repeat; cursor:pointer; }

.dataproduct button span { display:block;  border:1px solid #0071E1; height:19px; background-color:#1149a0; padding:2px 10px 2px 0px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; -webkit-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    border-top-right-radius:5px;

    border-bottom-left-radius:5px;

    -ms-border-radius: 5px 5px 5px 5px;}

.dataproduct button span span { border:0; padding:0; }

.dataproductbutton{

    float: left;

  padding: 4px;

 margin: 2px;

 width: 680px;   

   background:url(../display/btn_cart.jpg) no-repeat; cursor:pointer; 

    border: 1px solid #D5F4F3;

    background-color: #EAFDFB;

}

.dataproduct select{

 float: left;

 padding: 2px;

 text-align: left;

 border: 1px solid #D5F4F3;

 background-color: #fff;

}

.dataproduct label{

 float: left;

 padding: 2px;

 margin-left: 10px;

 text-align: left;

}

.productogrid , #productogrid{

   float: left;

   width: 230px;

   height: 350px;

   padding-top: 7px;

   padding-right: 2px;

   padding-bottom: 2px;

   padding-left: 2px;

   border: 1px solid #f2f2f3;

   border-right-color: #363d44;

   border-bottom-color: #36383b;

   margin: 4px 4px 4px 4px;

   background:#fff url(../images/product_bg.jpg) no-repeat center bottom;
   border-left: #98a5b3 1px solid;
   border-top: #bec0c2 1px solid;
}

.productogridx , #productogridx{

   float: left;

   width: 150px;

   height: 280px;

   padding-top: 7px;

   padding-right: 2px;

   padding-bottom: 7px;

   padding-left: 2px;

   border: 1px solid #ccc;

   margin: 0px 2px 15px 2px;

   background:#fff url(../images/product_bg.jpg) no-repeat center bottom;

}

#productoimgagen{

   width: 100%;

   height: auto;  

}

#imagenproduct{

   height: auto; 

   width: auto;

}

#imagenproductslide{

   height: auto; 

   width: 138px;

}

.productgrid{

    width: 100%;

    height: 25px;

    

}

.datoprod, .datoprod a:link {

   padding: 1px 1px;

   text-align: center;

   font-size: 10px;

   font-family: sans-serif;

   font-weight: bold;

   text-decoration: none;

   font-family: 'Oswald',sans-serif;

   font-style: normal;

   font-variant: normal;

   line-height: normal;

   font-size-adjust: none;

   font-stretch: normal;

   -x-system-font: none;

   color: #666666;

   width: 220px;

}

.datoprodimg{
  width: 210px;
height: 230px;
display: inline-block;  
}
#cproductoimg{
  margin: 0px;
padding: 0px;
height: 300px;
display: flex;  
    
}

.datoprodslide, .datoprodslide a:link {

   padding: 2px 0px;

   text-align: center;

   font-size: 10px;

   font-family: sans-serif;

   font-weight: bold;

   text-decoration: none;

   display: block;



   width: 770px;

   font-family: 'Oswald',sans-serif;

   font-style: normal;

   font-variant: normal;

   line-height: normal;

   color: #666666;

   

}



.datoprod2{

    padding: 4px 4px;

    text-align: center;

}

button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; padding: 4px 2px;     

-webkit-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    border-top-right-radius:5px;

    border-bottom-left-radius:5px;

    -ms-border-radius: 5px 5px 5px 5px; }

button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */

button.button { overflow:visible; height:25px; width: 84px; border:0; padding:0; margin:0; padding: 4px 2px; background:url(../display/btn_cart.jpg) no-repeat; cursor:pointer; }

button.button span { display:block;  border:1px solid #0071E1; height:19px; background-color:#1149a0; padding:2px 10px 2px 0px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; -webkit-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    border-top-right-radius:5px;

    border-bottom-left-radius:5px;

    -ms-border-radius: 5px 5px 5px 5px;}

button.button span span { border:0; padding:0; }

button.disabled span {

	border-color:#333333 !important;

	background:#0066FF !important;

	color:#99FFFF !important;

}

#productoimagen{

     float: left;

     padding: 5px;

     border: 1px solid #ccc;

}

#productoimagenlista{
     float: left;
     padding: 0.33em;
     border: 0.167em solid #ccc;
     margin: 0.25em;
     display: inline-block;
     height: 17%;
    
}
#productoenlista{
     padding: 0.33em;
     border: 0.167em solid #ccc;
     margin: 0.25em;
     display: inline-block;
}
.recordarme{
  width: 10em; 
  height: 2em;     
  float: inherit;
  display: flex;
  font-size: 0.7em;  
}
.adiciones{
  font:0.7em;  
  display: flex;
  height: 2em;
  width: 10em;
  padding: 0.3em 0em;
}
.recordarme input.textinput{
  width: 5em; 
  height: 5em;     
  float:inherit;  
}
#popupbox{
  position:absolute;
  left: 35%;
  top: 8.33em;
  z-index: 1500;
  padding-top: 3em; 
  width: 20em; 
  height: 23em; 
  position: absolute; 
  background-color: #144eac;
  background-image: url("../display/formbg01.gif");
  background-repeat: repeat-x;
  color: white; 
  border: solid #004080 0.083em; 
  font-family: arial; 
  visibility: hidden;
  font-size: 1.2em;
  
      -webkit-border-radius: 0.58em 0.58em 0.58em 0.58em;
    border-radius: 0.58em 0.58em 0.58em 0.58em;
    -moz-border-radius: 0.58em 0.58em 0.58em 0.58em;
    border-top-right-radius:0.58em;
    border-bottom-left-radius:0.58em;
    border-bottom-right-radius: 0.58em;
    -ms-border-radius: 0.58em 0.58em 0.58em 0.58em;
  
  }
  
#popupbox label{
display: block;
text-align: left;
font-size: 1em;
color: #fff;
margin-bottom: 0.25em;
margin-left: 4.17em;
font-weight: bolder;  
}
  
#popupbox input:focus
{
border-top-color: #77b2ee;
border-right-color: #77b2ee;
border-bottom-color: #77b2ee;
border-left-color: #77b2ee;
background-color: #FFFFC1;
}
#popupbox input.textinput{
border-top-width: 0.083em;
border-right-width: 0.083em;
border-right-width: thin;
border-bottom-width: 0.083em;
border-left-width: 0.083em;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-left-style: solid; 
border-top-color: #d3d3d3;
border-right-color: #d3d3d3;
border-bottom-color: #d3d3d3;
border-left-color: #d3d3d3;
background-color: #144eac;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
font-size: 1em;
color: #FADB01;
text-indent: 0.58em;
padding-top: 0.58em;
padding-right: 5pt;
padding-bottom: 0.58em;
padding-left: 5pt;
margin-bottom: 0.83em;
height: 2em;
width: 10em;
}
#popupbox input.textinput:focus{
 background-color: #427ad4;
 
    }
#popupbox .btnlogin {
display: block;
float: inherit;
margin-right: 0.83em;
width: 9.3em;
height: 3em;
background-color: transparent;
background-image: url("../display/bnlogin.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-top: 0.83em;
}

#popupbox input:focus
{
border-top-color: #77b2ee;
border-right-color: #77b2ee;
border-bottom-color: #77b2ee;
border-left-color: #77b2ee;

}

#popupbox .btnlogin:hover, #popupbox .btnlogin:focus
{
background-position: center top;
}

#popupbox .btnlogin:hover, #popupbox .btnlogin:focus
{
background-position: right top;
}
#popupbox a:link{ text-decoration: none; color: #fff;}
#popupbox a:hover{ text-decoration: none; color:  #FAF305;}

.pics {  

    height:  355px;  

    width:   225px;  

    padding: 0;  

    margin:  0;  

} 

 

.pics img {  

    padding: 5px;  

    border:  0px solid #cccccc;  

    background-color: #fff;  

    width:  200px; 

    height: 200px; 

    top:  0; 

    left: 0 

}

#trailimageid {

	position: absolute;

	visibility: hidden;

	left: 0px;

	top: 0px;

	width: 400px;

	height: 1px;

	z-index: 1000;

}

#menu5 {

	width: 160px;

	margin: 2px 0px;

    padding: 0 0 0 0px; 



    -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    -moz-border-radius: 4px 4px 4px 4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    -ms-border-radius: 4px 4px 4px 4px;

}

	

#menu5 li a {

  	voice-family: "\"}\""; 

  	voice-family: inherit;

  	height: 30px;

	text-decoration: none;

    font-weight: bold;

    text-transform:uppercase;

    padding: 2px 2px 2px 2px;

    

        -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    -moz-border-radius: 4px 4px 4px 4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    -ms-border-radius: 4px 4px 4px 4px;

}	

	

#menu5 li a:link, #menu5 li a:visited {

	color: #FFF;

    height: 30px;

	display: block;

	background: #1a1a1a;

	padding: 8px 2px 2px 8px;

}

	

#menu5 li a:hover {

	color: #FFF;

    height: 30px;

	background: #0a2547;

	padding: 8px 2px 2px 8px;

    

}

#menu5 ul {

	list-style: none;

	margin: 0px;

	padding: 2px 0;

}





ul#menu5col ul {

z-index:2;

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 200px;

  list-style: none;

  display: none;

  position: absolute;

  top: auto;

  left: 250px;

  

}



ul#menu5col ul:after {

  z-index:2;

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

  

}



ul#menu5col ul li {

  width: 200px;

  float: left; 

  display: block !important;

  display: inline;

   

}



ul#menu5col li:hover li a,

ul#menu5col li.iehover li a {

  float: none;

  background: #fff;

  color: #0d447c;

  border: 1px #0d447c solid;

    -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    -moz-border-radius: 4px 4px 4px 4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    -ms-border-radius: 4px 4px 4px 4px;

}





ul#menu5col li:hover li a:hover,

ul#menu5col li:hover li:hover a,

ul#menu5col li.iehover li a:hover,

ul#menu5col li.iehover li.iehover a {

   background: #004c98;

  color: #FFFFFF;

  border: 1px #103b65 solid;

}





ul#menu5col li:hover li:hover li a,

ul#menu5col li.iehover li.iehover li a {

  background: #1eb004;

  color: #FFFFFF;

   border: 1px #103b65 solid;

}





ul#menu5col li:hover li:hover li a:hover,

ul#menu5col li:hover li:hover li:hover a,

ul#menu5col li.iehover li.iehover li a:hover,

ul#menu5col li.iehover li.iehover li.iehover a {

    background: #1eb004;

  color: #FFFFFF;

   border: 1px #103b65 solid;

}





ul#menu5col li:hover li:hover li:hover li a,

ul#menu5col li.iehover li.iehover li.iehover li a {

  background: #1eb004;

  color: #FFFFFF;

   border: 1px #103b65 solid;

}





ul#menu5col li:hover li:hover li:hover li a:hover,

ul#menu5col li.iehover li.iehover li.iehover li a:hover {

   background: #1eb004;

  color: #FFFFFF;

  border: 1px #103b65 solid;

}



ul#menu5col ul ul,

ul#menu5col ul ul ul {

  display: none;

  position: absolute;

  top: 0;

  left: 160px;

  border: 1px #103b65 solid;

}





ul#menu5col li:hover ul ul,

ul#menu5col li:hover ul ul ul,

ul#menu5col li.iehover ul ul,

ul#menu5col li.iehover ul ul ul {

  display: none;

}



ul#menu5col li:hover ul,

ul#menu5col ul li:hover ul,

ul#menu5col ul ul li:hover ul,

ul#menu5col li.iehover ul,

ul#menu5col ul li.iehover ul,

ul#menu5col ul ul li.iehover ul {

  display: block;

  

}









#cssmenu {

	height:60px;

	margin: 0 0 0 0;

    padding: 0px;

    width: 980px; 

}

#cssmenu ul{

    

	margin:0;

	padding:0;

    		border: 1px solid;

	border-right-color: #000;

	border-bottom-color: #000;

	list-style-type:none;

	width:auto;

	position:relative;

	display:block;

	height:40px;

	text-transform:uppercase;

	font-size:11px;

    font-weight: bold;

	background:transparent url('../display/btn_bg.jpg') repeat-x top left;

	font-family:Helvetica,Arial,Verdana,sans-serif;

}

#cssmenu li{

	

	float:left;

	margin:0;

	padding:0;

	border-right:1px solid #ffffff;

    

	}

#cssmenu li a{



	float:left;

	color:#ffffff;

	text-decoration:none;

	padding:10px 5px 10px 5px;

	background:transparent url('../display/btn_bg.jpg') repeat-x top left;

	}

#cssmenu li a:hover{

	background:transparent url('../display/menuhr.jpg') repeat-x top left;	

	}

#fadeinbox {

 position:absolute;

 

 left: 0;

 top: -300px;

 border: 1px solid;

 border-color: #2665F9;

 background-color: #4289FF;

 padding: 4px;

 z-index: 150;

 visibility:hidden;

 font-weight: bold;

 color: white;

}

#fadeinbox a:link{ font-weight: bold;

 color: white;}

 

 #modulo {

  

}       

#logoweb{

    top: 45px;

 float:none;

 padding: 2px;

 margin: 2px;

 width: 150px;
 clear: inherit;
 position: absolute;
   

}

#tituloweb{

    top: 40px;

  float: none;

 padding: 2px;

 margin: 2px;

 width:972px;

 clear: left;  
 position: static;
}

#tituloweb a:link{

text-decoration: none;

       

}

#redsocial{

    top: -280px;

  float: right;

 padding: 10px;

 margin: 2px;

 width: 248px;

 height: 80px;      

     border: 0px transparent;

    background: transparent;
 position: relative;
 display: inline-flex;
 
}

#redsocialicon,#redsocialicon a:link,#redsocialicon a:visited{

    padding: 15px 1px 4px 1px;

    margin: 1px;

    float: right;

    text-decoration: none;

    border: 0px transparent;

    background: transparent;

}

#lineasuperior{

 width: 100%;

 height: 55px;

 float: left;

 background: #0e0e0e ;

 margin: 0px;

 padding: 0px;  
 line-height: 1em;

}

#lineasuperior object{

 float: left;

 background: #0e0e0e ;

 margin: 0px;

 padding: 0px;  

}

#linksheader li a {

font-family: Arial;

font-size:11px;

text-decoration: none;

float:right;

padding: 10px;

background: #0e0e0e;

color: #fff;



}



#linksheader ul

{

margin: 0;



list-style-type: none;

text-align: center;



}



#linksheader ul li { display: inline; }



#linksheader ul li a

{

text-decoration: none;

padding: .2em 1em;

color: #fff;

background-color: #0e0e0e;

}



#linksheader ul li a:hover

{

color: #000;

background-color: #4c83b9;



}

#idiomamenu{

    width: 150px;

    height: 25px;

    float: right;

    margin: 7px;

    padding: 2px;

}

#idiomamenu select,#idiomamenu.select{

    float: left;

    width: 150px;

    height: 30px;

}

#mascara{

     z-index: 9900;

  display: none;

}

#zoom{

z-index: 9900; 

display: none; 

position:absolute;

top: 10px;

left: 10px;

padding-top: 30px; 

background-color: #144eac;

color: white; 

border: solid #004080 1px; 

width: 100%;

}

#cerrar{

   z-index: 9900;

  display: none;  

  top: 10px;

  left: 10px;

  position:absolute;

  font-size: 24px;

  padding: 5px; 

  background-color: #144eac;

  color: white; 

   

  

}



#preview{

    width: 250px;

    height: auto;

}

#printerimagen{  

z-index: 9900; 

display: none; 

top: 10px;

right: 20px;

position:absolute;

font-size: 24px;

padding: 1px 2px; 

background-color: #fff;

color: white;  

border: 2px solid #000;

}

iframe

{

	margin: 0 3px 2px;

}



.photo

{

	width: 940px;

}



.column

{

	float: left;

	width: 650px;

}



.clear

{

	clear: both;

	overflow: hidden;

	width: 0;

	height: 0;

}

#external-frame {min-height:850px;}

#welcome{

  font-family: Arial;

  font-size:20px;

  text-decoration: none;

  float:right;

  padding: 14px 30px 4px 10px;

  font-weight: bolder;

  color: #E6C400;  

}

.full{

    text-align: justify;

}

.left{

    text-align: left;

}

.right{

    text-align: right;

}

.center{

    text-align: center;

}

.bold{

  font-weight: bold;  

}

.italic{

  font-style: italic;  

}

.underline{

  text-decoration: underline;

}

p{

   line-height:110%;

}

#map-canvas { height: 100% }

	/* ----------- formcontact ----------- */

#stylizedform{

 border:solid 1px #B6D5F8;

 background:#ECFDFF;

 border-bottom-width: 1px;

 border-bottom-style: solid;

 background-attachment: scroll;

 background-position: 0pt 0pt;

 float: left;

 width: 650px;

 z-index:100;

 margin: 10px;

}

#stylizedform h1 {

		font-size:18px;

		font-weight:bold;

		margin-bottom:15px;

        

	}

#stylizedform label{

		display:block;

		font-weight:bold;

        font-size: 12px;

		text-align:right;

		width:140px;

		float:left;

        padding: 8px;

	}

#stylizedform input{

		float:left;

		font-size:12px;

		padding:6px 2px;

		width:400px;

		margin:4px 2px 4px 2px;

		border:solid 1px #b7ddf2;

	}

#stylizedform textarea{

		float:left;

		font-size:12px;

		padding:6px 2px;

		width:400px;

        height: 200px;

		margin:4px 2px 4px 2px;

		border:solid 1px #b7ddf2;

	}

#stylizedform button{ 

		clear:both;

		margin:30px;

		width:80px;

		padding: 10px;

		background:#0059b3 url(../display/button2.png) no-repeat;

		text-align:center;

		line-height:30px;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

		

	}

/* ----------- fin formcontact ----------- */

p{

    float: none;

    line-height: 20px;

}



.dataproductname{

    font-size: 18px; font-family: trebuchet ms,geneva;

    margin: 10px;

    padding:  10px;

    text-align: center;

    color: #22a50b;

}

#fb-root,.fb-comments {

    width: 98%;

}

.imagencategoria{

    float: left;

    display: inline-block;

    margin-right: 4px;

}

.imagen2categoria{

    float: right;

    display: inline-block;

    margin-right: 4px;

}

#ventanaflotante{

    width: 100%;

    display: inline-block;

    float:none;

}

#imagenzoom{

 width: 100%;   

}
#redicon{
  width :2.5em; 
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
	#nav
		{
			width: 100%; /* 1000 */
			font: bold 0.96em Verdana, Arial, Helvetica, sans-serif;
			position: relative;
		    text-align:center;
         
		}

			#nav > a
			{
				display: none;
                
			}

			#nav li
			{
				position: relative;
               list-style-type: none;
			}
				#nav li a
				{
					color: #fff;
					display: block;
                   
				}
				#nav li a:active
				{
					background-color: #459e2d !important;
                    
				}

			#nav span:after
			{
			text-decoration: none;
            	width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #91e287;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
              
			}

			/* first level */

			#nav > ul
			{
				height: 3.9em; /* 60 */
				
               list-style-type: none;
               display: inline-block;
			}
				#nav > ul > li
				{
					width: 14em;
					height: 100%;
					float: left;
                    background-color: #141414;
                    border-color: #141414 1px solid;
                    margin: 1px;
                    
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 0.9em; /* 24 */
						line-height: 2em; /* 60 (24) */
						text-align: center;
                        padding-top: 1em;
                        
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 0px solid #141414;
                           
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #032248;
                            height:3em;
                            line-height:1.5em;
                            font-size: 1em;
						}


				/* second level */

				#nav li ul
				{
					background-color: #191919;
					display: none;
					position: absolute;
					top: 100%;
                    
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
                      
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
                           
						}
						#nav li ul a
						{
							font-size: 1.1em; /* 20 */
							border-top: 1px solid #1f3d37;
							padding: 0.75em; /* 15 (20) */
                            
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #1f3d37;
                                
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
               
			}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}
            .col-left{visibility: hidden; width:0px;}
            .col-main{width: 100%;}
			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #0c47aa;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #035745;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}