img/* -----------------------------------------------------------------------

   R al cuadrado
   www.ralcuadrado.com.ar

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

/* --------------------- Globales --------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font,  ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:  Verdana, Geneva, sans-serif;
	font-size:100%;
	vertical-align: baseline;
} 


:focus { 
	outline: 0; 
} 

body {
	line-height: 1;
	text-shadow: #000 0 0 0;
	background-color: #ffffff;
} 

ol, ul { 
	list-style: none; 
}
  
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

.blanco{
	color: #ffffff;
	}

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; 
} 

blockquote, q { 
	quotes: "" ""; 
}  



.clear {
	clear:both;
}

.hr {
	padding: 1px;
	line-height:1px;
	display:block;
	clear:both;
	background-image: url(../images/linea.gif);
	background-repeat: repeat-x;
	background-position: left top;
}





h1, h2, h3, h4, h5{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#2b3842;
}

p{
	color:#737a7f;
}


/* --------------------- HEAD --------------------- */

#head{
	display:inline;
	float:left;
	position:relative;
	width:930px;
	height:136px;
	
}

#head li{
	display:inline;
	color:#FFF;
}

#head a.logo{
	float:left;
	display:inline;
	height:80px;
	width:250px;
	margin-left:8px;
	margin-top:20px;
	background:url(../images/logo.png) no-repeat top left;
}



.navegacion {
	width: 930px;
	height: 40px;
	background:url(../images/navegacion.gif) no-repeat;
	position: absolute;
	top: 96px;
	left: 0px;
	line-height:0.1em;
	font-size:0.1em;
}
.navegacion li {
	display: inline;
}
.navegacion li a:link, .navegacion li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer
}


.navegacion .p1 a:link, .navegacion .p1 a:visited, .navegacion-p1, .navegacion-p1-click{
	left: 0px;
	top: 0;
	width: 138px;
	height: 40px;
}
.navegacion .p1 a:hover, .navegacion .p1 a:focus, .current-p1 .p1 a:link, .current-p1 .p1 a:visited{background: url(../images/navegacion.gif) no-repeat 0px -40px;}
.navegacion .p1 a:active {background: url(../images/navegacion.gif) no-repeat 0px -80px;}
.current-p1 .p1 a:link, .current-p1 .p1 a:visited {cursor: default;}
.navegacion-p1, .navegacion-p1-click{position: absolute;	background: url(../images/navegacion.gif) no-repeat 0px -40px;}
.navegacion-p1-click {background: url(../images/navegacion.gif) no-repeat 0px -80px;}

.navegacion .p2 a:link, .navegacion .p2 a:visited, .navegacion-p2, .navegacion-p2-click{
	top: 0;
	left: 140px;
	width: 148px;
	height: 40px;
}
.navegacion .p2 a:hover, .navegacion .p2 a:focus, .current-p2 .p2 a:link, .current-p2 .p2 a:visited{background: url(../images/navegacion.gif) no-repeat -140px -40px;}
.navegacion .p2 a:active {background: url(../images/navegacion.gif) no-repeat -140px -80px;}
.current-p2 .p2 a:link, .current-p2 .p2 a:visited {cursor: default;}
.navegacion-p2, .navegacion-p2-click{position: absolute; background: url(../images/navegacion.gif) no-repeat -140px -40px;}
.navegacion-p2-click {background: url(../images/navegacion.gif) no-repeat -140px -80px;}


.navegacion .p3 a:link, .navegacion .p3 a:visited, .navegacion-p3, .navegacion-p3-click{
	top: 0;
	left: 290px;
	width: 175px;
	height: 40px;
}
.navegacion .p3 a:hover, .navegacion .p3 a:focus, .current-p3 .p3 a:link, .current-p3 .p3 a:visited{
	background: url(../images/navegacion.gif) no-repeat -290px -40px;
}
.navegacion .p3 a:active {
	background: url(../images/navegacion.gif) no-repeat -290px -80px;
}
.current-p3 .p3 a:link, .current-p3 .p3 a:visited {
	cursor: default;

	
}
.navegacion-p3, .navegacion-p3-click{
		position: absolute;
		background: url(../images/navegacion.gif) no-repeat -290px -40px;
	}
.navegacion-p3-click {
	background: url(../images/navegacion.gif) no-repeat -2907px -80px;
}


.navegacion .p4 a:link, .navegacion .p4 a:visited, .navegacion-p4, .navegacion-p4-click{
	top: 0;
	left: 466px;
	width: 150px;
	height: 40px;
}
.navegacion .p4 a:hover, .navegacion .p4 a:focus, .current-p4 .p4 a:link, .current-p4 .p4 a:visited{
	background: url(../images/navegacion.gif) no-repeat -466px -40px;
}
.navegacion .p4 a:active {
	background: url(../images/navegacion.gif) no-repeat -466px -80px;
}
.current-p4 .p4 a:link, .current-p4 .p4 a:visited {
	cursor: default;
}
.navegacion-p4, .nav-p4-click{
		position: absolute;
		background: url(../images/navegacion.gif) no-repeat -466px -40px;
	}
.navegacion-p4-click {
	background: url(../images/navegacion.gif) no-repeat -466px -80px;
}


.navegacion .p5 a:link, .navegacion .p5 a:visited, .navegacion-p5, .navegacion-p5-click{
	top: 0;
	left: 617px;
	width: 163px;
	height: 40px;
}
.navegacion .p5 a:hover, .navegacion .p5 a:focus, .current-p5 .p5 a:link, .current-p5 .p5 a:visited{
	background: url(../images/navegacion.gif) no-repeat -617px -40px;
}
.navegacion .p5 a:active {
	background: url(../images/navegacion.gif) no-repeat -617px -80px;
}
.current-p5 .p5 a:link, .current-p5 .p5 a:visited {
	cursor: default;
}
.navegacion-p5, .navegacion-p5-click{
		position: absolute;
		background: url(../images/navegacion.gif) no-repeat -617px -40px;
	}
.navegacion-p5-click {
	background: url(../images/navegacion.gif) no-repeat -617px -80px;
}


.navegacion .p6 a:link, .navegacion .p6 a:visited, .navegacion-p6, .navegacion-p6-click{
	top: 0;
	left: 780px;
	width: 150px;
	height: 40px;
}
.navegacion .p6 a:hover, .navegacion .p6 a:focus, .current-p6 .p6 a:link, .current-p6 .p6 a:visited{
	background: url(../images/navegacion.gif) no-repeat -780px -40px;
}
.navegacion .p6 a:active {
	background: url(../images/navegacion.gif) no-repeat -780px -80px;
}
.current-p6 .p6 a:link, .current-p6 .p6 a:visited {
	cursor: default;
}
.navegacion-p6, .nav-p6-click{
		position: absolute;
		background: url(../images/navegacion.gif) no-repeat -780px -40px;
	}
.navegacion-p6-click {
	background: url(../images/navegacion.gif) no-repeat -780px -80px;
}


/* ---- segunda navegacion ---- */

.content .leftnav{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:1000px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:60px;
}

.content .leftnav{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:600px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:20px;
}

.content .leftnav2{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:600px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:20px;
	margin-right:10px;
}

.content .leftnav3{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:250px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:20px;
	margin-right:10px;
}


.content .leftnav_info{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:400px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:60px;
}

.content .leftnav4{
	float:left;
	display:inline;
	position:relative;
	width:225;
	height:1000px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:20px;
	margin-right:10px;
}




/* --------------------- LINKS --------------------- */

a {
	cursor:pointer;
	text-decoration:none;
	color:#005;
}

a:focus, a:hover {
	text-decoration:none;
	color:#4f9cc2;
} 

a.more{
	display:block;
	width:157px;
	height:24px;
	background-position:0 0;
	background-image:url(../images/boton_detalle.jpg)
}
a.more:hover{
	background-position:0 -24px;
}

a.masprod{
	text-indent:-9999em;
	display:block;
	width:157px;
	height:24px;
	margin-top: 10px;
	background-position:0 0;
	background-image:url(../images/boton_verprod.jpg)
}

a.masprod:hover{
	background-position:0 -24px;
}


a.laboratorio{
	text-indent:-9999em;
	display:inline;
	width:270px;
	height:40px;
	margin-top: 10px;
	background-position:0 0;
	background-image:url(../images/boton_general01.png)
}

a.laboratorio:hover{
	background-position:0 -40px;
}






/* ---- HOME ---- */


.home h2{font-size:0.875em; font-style:italic;}

.home h3{font-size:0.875em; 
font-style:italic;
margin-bottom: 10px;}

.home h2 span{
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
	color: #003676;
}

.home p{font-size:0.75em; line-height:1.4167em; width:200px; padding:0.75em 0 1.25em 0; }

.home .head a:hover{
	background-position:0 -24px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.home .novedades{
	float:right;
	position:relative;
	width:253px;
	padding-left:20px;
	background-image: url(../images/line_vertical.gif);
	background-repeat: no-repeat;
	background-position: left top;

	}
.home .novedades p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#036;
	width: 250px;
	margin-top: 20px;
	}
	
.home .novedades a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#003687;
	font-weight: bold;
	}	
	
.home .aside li{
	color:#737a7f;
	padding-bottom:2em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
	

.home .aside li span{
	color:#222
}



.home .aside{
	float:right;
	display:inline;
	position:relative;
	width:253px;
	margin-right:24px;
	padding-left:41px;
	margin-bottom:15px;
	background-image: url(../images/line_vertical.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 50px;
}

.home .novedades ul{
	padding-top:12px;
	padding-bottom:12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

.home .novedades p{
	padding-top:12px;
	padding-bottom:10px;
	
}


.home .novedades a{
	text-decoration:underline;
	font-style:italic;
	font-size: 11px;
}
.home .novedades a:hover{
	text-decoration:none;
	
}
.home .novedades a.more{
	background-image:url(../images/boton_novedades.jpg)
}









/* --------------------- xxx --------------------- */


a.more, .home .head h1, .home .head a, #head a.logo{	
	line-height:0.1em;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;	
}

#espacio {
	float:left;
	height:15px;
	margin:0;
	width:450px;
	background-image: url(../images/espacio.png);
	background-repeat: no-repeat;
	background-position: 320px top;
}



#inner{
	display:block;
	background-color: #FFF;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrap{
	width:930px;
	padding:0px 26px 0px 26px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/luz.jpg) no-repeat top center;
}


#wrap:after, #inner:after, #footer:after, .footer_wrap:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/* ---------------------  secciones   --------------------- */

.section{
	float:left;
	display:inline;
	width:930px;
	padding:0px 0px 30px 0px;
}
.home{
	padding-top:29px;
	font-family: Verdana, Geneva, sans-serif;
}



.home .head{
	float:left;
	display:inline;
	position:relative;
	width:930px;
	height:550px;
	/*background:url(../images/banner.jpg) no-repeat top left;*/
	margin-bottom:40px;
}
.home .todos{
	float:left;
	display:inline;
	position:relative;
	width:620px;
}

.home .productos{
	float:left;
	display:inline;
	position:relative;
	width:274px;
	margin-left:24px;
	margin-right:6px;
	padding-bottom:2px;
}
.home .mamometros{
	background:url(../images/home_mamometro.jpg) no-repeat bottom right;
	margin-bottom:46px;
}
.home .termometros{
	background:url(../images/home_termometro.jpg) no-repeat bottom right;
	margin-bottom:46px;
}
.home .cajas{
	background:url(../images/home_caja.jpg) no-repeat bottom right;
}
.home .conectores{
	background:url(../images/home_prensacables.jpg) no-repeat bottom right;
}








/* --- CONTENT --- */


.content{
	width:930px;
	padding-right: 24px;
	padding-bottom: 26px;
	padding-left: 0px;
}


.content h1{
	font-size:24px;
	padding-bottom:0.5313em;
}

.content h2{font-size:1.0625em; line-height:1.1176em; }

.content p{
	font-size:10px;
	line-height:2em;
	padding-bottom:2em;
	width: 150px;
}


.content .leftnav{
	width:230px;
	margin-right:30px;
	background-repeat: no-repeat;
	}
	

.content .descripcion{
	float:left;
	display:inline;
	position:relative;
	width: 660px;
}

.content  .volver {
	
	background-position: right top;
	height: 33px;
	width: 98px;
	float: right;
	margin-top: -35px;
}

.content .descripcion .head{ 
	display:block;
	padding-bottom:32px;
}

.content .descripcion .article{
	float:left;
	display:inline;
	width:250px;
}

 .content .descripcion .mid{
	padding-right:30px;
	padding-left:30px;
}



.content .article{
	float:right;
	display:inline;
	width:638px;
	padding-top:38px;
}

.content .hr { 
    padding-bottom:28px;
}

.content .txt p{
	float:left;
	font-size:10px;
	line-height:2em;
	padding-bottom:2em;
	width: 650px;
}
.txt span{
	color: #276EB3;
	}
.content .img{
	float:left;
	width: 360px;
	position: relative;
	left: 0px;
	top: 0px;
}

.content .img_novedad07{
	float: left; 
margin: 0 15px 15px 0; 
width: 200px; 
}

.slideshow { 
float: left; 
height: 150px; 
margin: 0 15px 15px 0; 
width: 150px; 
} 

.slideshow2 { 
float: left; 
height: 185px; 
margin: 0 15px 15px 0; 
width: 129px; 
} 

.slideshow3{
	float: left;
	height: 100px;
	margin: 0 25px 25px 0;
	width: 100px;
	border: 0.50px solid #BBB;
} 

.repre li{
	display:inline;
	font-size:10px;
	line-height:1.4167em;
	color:#757b80;
	padding-bottom:0.5833em;
}

.repre li.title{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#2b3842;
}

.repre, .repre p{
	float:left; 
	display:inline; 
	width:660px; 
}

.repre ul{
	float:left;
	display:inline;
	width:150px;
	padding-left:5px;
	padding-top:1.25em;
	padding-right:10px;
}


.folleto_index li{
	display:block;
	font-size:0.75em;
	line-height:1.4167em;
	color:#757b80;
	padding-bottom:0.5833em;
	text-align: center;
}

.folleto_index li.title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0625em;
	color:#2b3842;
}

.folleto_index, .folleto_index p{
	float:left; 
	display:inline; 
	width:660px; 
}

.folleto_index ul{
	float:left;
	display:inline;
	width:200px;
	padding-left:5px;
	padding-top:1.25em;
	padding-right:10px;
}


/* ------------- article sub ---------*/

.content .detalle{
	float:left;
	display:inline;
	position:relative;
	width: 660px;
}

.content .generales{
	float:left;
	display:inline;
	position:relative;
	width: 660px;
}


.content .generales .gen_a{
	float:left;
	display:inline;
	width: 270px;
	height:40px;
	background-image:url(../images/bot_lab01.png)
	
}

.content .generales .gen_b {
	float:left;
	display:inline;
	width: 270px;
	height:40px;
	width: 270px;
	height:40px;
	background-image:url(../images/bot_ind02.png)
	
}






.content .detalle p{
	font-family: Verdana, Geneva, sans-serif;
	color: #145eae;
	font-size: 11px;
	text-align: center;
	line-height: normal;
}


.content .detalle .head{ 
	display:block;
	padding-bottom:32px;
}

.content .detalle .articulo{
	float:left;
	display:inline;
	width:150px;
	padding-bottom:20px;
}

 .content .detalle .articulomedio{
	padding-right:20px;
	padding-left:70px;
	padding-top:38px;

}



.content .articulo{
	float:right;
	display:inline;
	width:638px;
	padding-top:38px;
}


.content .folleto{
	float:left;
	display:inline;
	position:relative;
	width: 660px;
}


.content .folleto p{
	float:left;
	display:inline;
	width:600px;
	line-height:2em;
	padding-bottom:2em;
	font-size: 10px;
}

.refe{
	position:relative;
	float:left;
	width: 650px;
}
.refe p{
	width: 500px;
	}	
	
	
.content .leftmap{
	float:left;
	display:inline;
	position:relative;
	width:378px;
	height:400px;
	margin-bottom:60px;
	background-image: url(../images/mapa.png);
	background-repeat: no-repeat;
	background-position: left top;
}	

.content .google{
	float:left;
	
	position:relative;
	width:300px;
	height:300px;
	
}	
	

.content mapa{
	float:left;
	display:inline;
	height:398px;
	width:308px;
	}
	
	

	
.content .donde{
	float:left;
	display:inline;
	width:218px;
	min-height:452px;
	
}

.content .donde ul{	
	display:block;
	margin-top: 20px;
	margin-bottom: 20px;
	width:218px;
		background:url(../images/backgrounds/bg_subnav.png) no-repeat top right;


}
.content .donde li{
	display:block;
	line-height:24px;
	font-size: 11px;	
}

.content .donde li span {
	color: #0C55A5;
	font-weight: bold;
	}




.content .donde li a{	
	color:#637b8f;
	position:relative;
	font-size:0.75em;	
	display:block;
	height:21px;
	padding-top:7px;
	padding-bottom:8px;
	width:227px;
}
.content .donde li a:hover{
	color:#2376b5;
	font-weight:bold;
}


.content .box_top{
		float:left;
			padding:0px 0px 0px 30px;


	
}
.form_left {
	float:left;
	display:inline;
	width:274px;
	padding:0px 0px 0px 0px;
}
form input, form textarea{
	float:left;
	display:block;
	width:244px;
	background:none;
	margin:0px;
	padding:14px 15px 16px 15px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#60788b;
	background-image: url(../images/input_bott.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

form textarea{
	overflow:auto;
	line-height:1.5em;
	padding:12px 15px 16px 15px;
	height:186px;
}

form input.submit{
	float:right;
	display:inline;
	margin-right:60px;
	background:none;
	padding:0px;
	background:none;
	width:auto;
}

form span{
	float:left;
	overflow:hidden;
	display:block;
	background-image: url(../images/input_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

form label{
	float:left;
	display:block;
	width:244px;
	font-size:0.875em;
	line-height:1.5174em;
	color:#60788b;
	padding:0.7142em 0 0.5714em 0;
	text-indent:8px;
}
select{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	width:99%;
	height:25px;
	background:url(../images/submit.jpg)
	}



form .footer {
	float:left;
	display:inline;
	width:578px;
	margin-top:1.6875em;
	margin-left:2px;
	margin-right:2px;
	padding-top:1.375em;
	padding-bottom:0.6875em;
	padding-left:28px;
	padding-right:28px;
	background-image: url(../images/linea_form.gif);
	background-repeat: repeat-x;
	background-position: left top;
}





/* --------------------- FOOTER --------------------- */

#footer{
	display:block;
	background-color: #FFF;
	background-image: url(../images/foot_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:20px;

}

.footer_wrap{
	clear:both;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/foot_top.jpg) no-repeat top center;
	display: block;	
}