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

*{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
img{border: none;}

body{
	background: url(../imagenes/barra.jpg) repeat #fff;
}

#header{
	width:100%;
	background:#FFF url(../imagenes/fond.gif) repeat-x;
}

#h_cont{
	height:126px;
	margin:0 auto;
	width:750px;
}
a#logo{
	display:block;
	float:left;
	width:176px;
	height:126px;
	text-indent:-9999px;
	background:url(../imagenes/logo.png) no-repeat;
}

#container{
	margin:0 auto;
	width:750px;
	background:#FFF;
}

#lista{
	float:left;
	width:750px;
	background:#FFF;
	margin-bottom:10px;
}
#col_izq{
	float:left;
	width:300px;
	background:url(../imagenes/bienvidos.gif) 14px 22px no-repeat;

}
#col_der{
	float:left;
	width:450px;
	background: url(../imagenes/nmod.gif) 9px 32px no-repeat;
}


#bvtext{
	float:left;
	width:290px;
	height:115px;
	margin:60px 0 9px 10px;
}
#nostext{
	float:left;
	width:450px;
	margin:10px 0 0 10px;
	padding:50px 0 0;
	background:url(../imagenes/qsomos.gif) no-repeat;
	text-align: left;
	z-index:5;
	position:absolute;
}
#servicios{
	float:left;
	height:200px;
	width:358px;
	margin:10px 0 10px 10px;
	border:1px solid #666;
}
#descarga{
	float:left;
	width:286px;
	height:94px;
	border:1px solid #666;
	text-indent:-9999px;
	margin:0 0 10px 10px;
	background: url(../imagenes/desc2.gif) no-repeat;
}

#otro{
	float:left;
	width:135px;
	height:102px;
	margin:10px 0 10px 10px;
	border:2px solid #999;
}
#otro2{
	float:left;
	width:135px;
	height:102px;
	margin:10px 0 10px 10px;
	border:2px solid #999;
}
#nmod{
	float:right;
	width:206px;
	height:278px;
	margin:60px 10px 10px 0;
	border:2px solid #999;
	background:url(../../prueba/imagenes/BaseNM.jpg) no-repeat;
}

#nmod:hover{border:2px solid  #F60;}

#nmod_dat{float:right; width:206px; height:50px; margin:0 10px 10px 0; border:2px solid #999;}

#btns{
	float:left;
	width:97px;
	height:150px;
	margin:10px 0 0 10px;
	border:3px solid #7CBE31;
}

#nav2{float:left;display:inline;width:80px;}

#serv_cont{
	background:url(../imagenes/servs.gif) no-repeat 10px 14px;
	padding:45px 0 0;
}
#color_cont{
	background:url(../imagenes/colores.gif) no-repeat 10px 10px;
	padding:55px 0 0;
}
#flip{
	margin:0 10px 10px;
	border:2px solid #999;
	width:726px;
}
#footer{
	clear:both;
}

/*MENUS*/
/*--Horizontal--*/

ul#nav{
	margin:61px 0 0;
	list-style-type:none;
	float: right;
}

ul#nav li{
	display:inline;
}

ul#nav a{
	display:block;
	margin:0 0 0 13px;
	text-decoration:none;
	text-indent:-9999px;
	float:left;
	width:101px;
	height:40px;
}

a#item2{ background-image: url(../imagenes/nos.gif);}
a#item2:hover{ background-image: url(../imagenes/nos_h.gif);}
.activo2{ background-image: url(../imagenes/nos_h.gif);}

a#item3{ background-image: url(../imagenes/prod.gif);}
a#item3:hover{ background-image: url(../imagenes/prod_h.gif);}
.activo3{background-image: url(../imagenes/prod_h.gif);}


a#item4{ background-image: url(../imagenes/serv.gif);}
a#item4:hover{ background-image: url(../imagenes/serv_h.gif);}
.activo4{background-image: url(../imagenes/serv_h.gif);}

a#item5{ background-image: url(../imagenes/cont.gif);}
a#item5:hover{ background-image: url(../imagenes/cont_h.gif);}
.activo5{background-image: url(../imagenes/cont_h.gif);}


ul#nav2{
	list-style-type:none;
	padding:5px 0;
	background:#333;
	float:right;
}

ul#nav2 li{
	display:inline;
}

ul#nav2 a{
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}

ul#footer_menu{
	float:left;
	width:570px;
	list-style-type:none;
	color:#FFF;
	font-size:11px;
	background:#666;
	padding:0 90px 2px;
}
ul#footer_menu li{
	display:inline;
	margin:0 15px;
}
ul#footer_menu a{
	text-decoration:none;
	color:#FFF;
}
ul#footer_menu a:hover{
	color:#333;
}
/*--Vertical--*/


/*FIN MENU*/

/*--TEXTO--*/

h1{	
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-variant:small-caps;
	color: #F60;
}


h2{
	margin:-2px 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:small-caps;
	color: #999;
}

h3{
	margin:2px 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:small-caps;
	color: #333;
	line-height:normal;
}
h4{
	padding:3px 0;
	text-align:center;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:lighter;}

h5{
	margin:10px 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:small-caps;
	color: #666;
}
h6{
	margin:2px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:small-caps;
	color: #333;
}
h7{
	float:left;
	padding:2px;
	font: normal 11px Verdana;
	text-transform: uppercase;
	font-weight:bold;
	background-color:#666;
	width:99%;
	color: #FFF;
}
h8{
	margin:10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:small-caps;
	color: #666;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
}

#titulos{
	width:194px;
	float:left;
	height:31px;
	margin:10px 10px 5px;
	padding:0;
	text-indent:-9999px;
	background:url(../imagenes/contact.gif) no-repeat;
}
.resaltado{
	color:#F63;
	font-weight:bold;
	text-decoration:none;
}
.resaltado a{
	color:#F63;
	font-weight:bold;
}
.resaltado a:hover{
	text-decoration:none;
}

ul#req{
	margin:10px;
}
ul#req li{
	font:normal 11px Verdana;
	margin:6px;
}

/*--IMAGENES NOSOTROS--*/

.nosimgtop{
	margin:0 0 16px;
	float:right;
	z-index:-5;
}
.nosimg{
	margin:9px 10px;
}

.tels{
	font-size:12px;
	font-weight:bold;
	margin:0 0 -3px;
	padding:10px 0 0;
}


/* CONTACT FORM*/
#contactFormArea{
	float:left;
	clear:left;
	margin:10px;
	width:270px;
	border:1px solid #666;
	padding:8px 8px 15px 8px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

fieldset { border:0;margin:0;padding:0; }
	
label { display:block; color:#333;}
input.text,textarea { width:260px;font:11px/11px Verdana, Arial, Helvetica, sans-serif;color:#333;padding:3px;margin:1px 0 7px;border:1px solid #ccc; }

input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

#contactInfo{
	float:left;
	margin:10px 0;
	width:410px;
	border:1px solid #666;
	padding:8px;
}

/*---SECCION PRODUCTOS---*/

#col_der_prod{
	float:right;
	width:400px;
	margin:12px 0 0;
}

#menu_prods{
	float:left;
	width:340px;
	margin:0 0 10px 0;
	padding:50px 0 0;
	text-align: left;
	background: url(../imagenes/prods.gif) no-repeat 10px 12px;
}
#list_prods{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:50px 0 0;
	text-align: left;
	background: url(../imagenes/prods.gif) no-repeat 10px 12px;
}
ul#listado{
	width:650px;
	margin:0 45px;
	list-style-type:none;
}
ul#listado li{
	margin:15px 0;
	height:110px;
	border-bottom: 1px dashed #666;
	font-size:13px;
	color: #333;
}
ul#listado li a{
	color:#F60;
	text-decoration:none;
}
ul#listado li a:hover{
	color:#999;
}
#info{
	float:left;
	width:420px;
}

.cuadro{
	width:100px;
	height:100px;
	border:1px solid #999;
	display:block;
	float:right;
	text-align:center;
}
.cuadro:hover{
	border:1px solid #693;	
}
#nom_prods{
	float:left;
	width:385px;
	height:20px;
	margin:10px 10px 0 0;
	font-size:18px;
	font-variant:small-caps;
	color: #F60;
}
#foto_prods{
	float:left;
	border:2px solid #999;
	width:245px;
	height:370px;
	margin:10px 10px 10px 0px;
}
#caract_prods{
	float:left;
	border:2px solid #999;
	width:126px;
	margin:10px 10px 0 0;
}

#cot_prods{
	float:left;
	border:2px solid #999;
	width:126px;
	margin:10px 10px 0 0;
	background: #9C6;
}
#cot_prods a{
	text-decoration:none;
	color:#fff;}
#cot_prods a:hover{
	color: #333;}
	
#rosa_prods, #azul_prods, #azulm_prods, #blanco_prods, #negro_prods, #kaki_prods{
	float:left;
	border:1px solid #999;
	width:25px;
	height:25px;
	margin:10px 8px 0 0;
}
#cotiz_prods{
	float:left;
	border:2px solid #999;
	width:126px;
	height:30px;
	margin:10px 10px 0 0;
	background: #66CC00;
	font-size:20px;
	font-variant:small-caps;
	color:#FFFFFF;
	text-align:center;
}
#cotiz_prods:hover{background:#FF6600;}
#rosa_prods{background:#FF6699;}
#azul_prods{background: #0099CC;}
#azulm_prods{background: #003366;}
#blanco_prods{background:#FFF;}
#negro_prods{background:#000;}
#kaki_prods{background: #996;}

#descrip_prods{
	float:left;
	border:2px solid #999;
	width:120px;
	margin:10px 10px 0 0;
	font-size:10px;
	padding:4px 3px;
}
#relacionados{
	float:left;
	border:2px solid #999;
	width:96px;
	height:370px;
	margin:2px 0 0 10px;
	font-size:10px;
	background:url(../imagenes/rel.gif) repeat-y;
}
#relacionados a{
	display:block;
	margin:8px 0 0 6px;}

.cerrar{
	display:block;
	text-align:center;
	color:#F60;}

.black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 20px;
            left: 35%;
            width: 350px;
            height: 530px;
            padding: 16px;
            border: 8px solid #333;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
		input.text2{ width:70px;font:11px/11px Verdana, Arial, Helvetica, sans-serif;color:#333;padding:3px;margin:1px 0 7px;border:1px solid #ccc; }
		input.text3{ width:40px;font:11px/11px Verdana, Arial, Helvetica, sans-serif;color:#333;padding:3px;margin:1px 12px 7px;border:1px solid #ccc; }
		.aster{color:red;}
		.aleja{margin-left:37px;}
		.aleja2{margin-left:21px;}
/*----ACCORDION---- */	
.VEACCORDION {
	color:#FFF;
	padding-top:2px;}
.VEACCORDIONHEADER {font: bold 11px Verdana; background-color:#666; color:white; text-transform:uppercase;}
.VEACCORDIONHEADERACTIVE {background-color: #FF9900;color:#333;}

.VEACCORDIONHEADER, .VEACCORDIONHEADERACTIVE {
  padding: 5px 0 5px 31px;cursor:pointer;
}
.VEACCORDIONCONTENT {
  padding:0px;height:0px;margin-bottom:2px;overflow:hidden; }
.VEACCORDIONCONTENTACTIVE {
  padding:2px 2px 20px;margin-bottom:2px;overflow:hidden; background-color:#FFF}
.VEACCORDIONCONTENT, .VEACCORDIONCONTENTACTIVE {
  border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #666}



/*---- SECCION SERVICIOS ---- */	
#columnizq{
	float:left;
	margin:10px 0 0 10px;
	width:285px;
	border:1px solid #666;
	height:245px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#columnder{
	float:left;
	margin:10px;
	width:430px;
	height:245px;
	border:1px solid #666;
}
  
ul#list{
	list-style-type: decimal;
	margin: 0 40px;
}  

ul#list li{
	color:#F60;
	margin:8px 0;
}
.tit{
	margin: 5px;
	font-size:14px;}
	
	
/*----ACCORDION2---- */	
.ACCORDION {
 	float:left;
 	margin:0;
	width:230px;
	font-size:11px;
	padding-top:2px;}


/*-------- ACCORDION 3 --------*/


.urbangreymenu{
width: 230px; /*width of menu*/
float:left;
}
.urbangreymenu2{
width: 100%; /*width of menu*/
float:left;
}

.urbangreymenu .headerbar, .urbangreymenu2 .headerbar{
font: bold 11px Verdana;
color: white;
background: #666 url(../imagenes/arrowstop.gif) no-repeat 8px 3px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a, .urbangreymenu2 .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul, .urbangreymenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li, .urbangreymenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a, .urbangreymenu2 ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited, .urbangreymenu2 ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover, .urbangreymenu2 ul li a:hover{ /*hover state CSS*/
color: white;
background: #F60;
}




/*-------- PRODUCTOS FILTER --------*/
ul#filter {   
    float: left;   
    font-size: 16px;   
    list-style: none;   
    margin: 5px 0 10px 10px;   
    width: 100%;  
}  
ul#filter li {   
    border-right: 1px solid #dedede;  
    float: left;  
    line-height: 16px;  
    margin-right: 10px;  
    padding-right: 10px;  
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }  
ul#filter a { color: #999; text-decoration: none; }

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }  
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio {   
    float: left;   
    list-style: none;   
    margin: 5px 0 0 20px;   
    width: 750px;
}  
ul#portfolio li {
	font-size:12px;
    border: 1px solid #dedede;   
    float: left;   
    margin: 0 36px 10px 0;   
    padding: 5px;  
    width: 100px;
	height:140px;
}
ul#portfolio li:hover {border: 1px solid #F60;} 
ul#portfolio a {display: block; width: 100%;	color:#F60; text-decoration: none;}  
ul#portfolio a:hover { text-decoration: underline; }  
ul#portfolio img { display: block; padding-bottom: 5px; }