/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, ul, li,
fieldset, form, label, 
table, caption, tbody, tfoot, thead, tr, th, 
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}

 td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}

:focus {outline: 0;}
ol, ul {list-style: none;margin: 0; padding: 0;}

table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}


/*--------------------------------------------------
########### HTML Tags
--------------------------------------------------*/



html{
background:url(img/footer_bg.png) repeat-x;
background-position:bottom;

background-color:#fff;

}



body{

background:url(img/bg.jpg) no-repeat;

background-position: center top;

}





h1{

	color:#984278;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 28px;

	font-weight: normal;

	margin-bottom:10px;

}

h2{

	color:#984278;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 24px;

	margin-bottom:8px;

	font-weight: normal;

}



h3{

	color:#984278;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 22px;

	font-weight: normal;

}

h4{

	color:#984278;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}



a{

	text-decoration:none;

	font-weight: bold;

	color: #984278;

}

a:Link{

	text-decoration:none

}

a:Hover{color:#984278; text-decoration:underline;}

p{

	font:normal 13px/19px "Trebuchet Ms",Arial, Helvetica, sans-serif;

	color:#777;

}

p span{color:#777;}

.destaques{

	color:#984278;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

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

########### Estructura

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



#wrapper{

	width:920px;

	margin:0 auto;

	overflow:hidden;



}

#head{

	width:920px;

	float:left;

}

#head_logo{

	width:314px;

	float:left;

}

#head_phone{

	width:260px;

	float:right;

}

#slide{

	width:920px;

	float:left;

}

#content{

	width:890px;

	padding:20px 0px 15px 30px;

	float:left;

}

#content_right{

	width:240px;

	float:right;

}

#content_left{

	width:640px;

	float:left;

}

#footer{

	width:920px;

	padding-top:20px;

	height:90px;

	float:left;

}



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

########### Navegacion

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



#menu{

	height:49px;

	width:920px;

	float:left;

}



.nav{}

.nav{float:left;}

.nav ul{}

.nav ul li{display:inline;list-style: none;}

.nav ul li a{display:block;float:left;margin:0px;}



.nav ul li a.home{background:url("img/bot01.png") no-repeat left top;width:108px;height:49px;}

.nav ul li a.sevedic{background:url("img/bot02.png") no-repeat left top;width:159px;height:49px;}

.nav ul li a.servicios{background:url("img/bot03.png") no-repeat left top;width:121px;height:49px;}

.nav ul li a.muestras{background:url("img/bot04.png") no-repeat left top;width:199px;height:49px;}

.nav ul li a.datos{background:url("img/bot05.png") no-repeat left top;width:176px;height:49px;}

.nav ul li a.contacto{background:url("img/bot06.png") no-repeat left top;width:157px;height:49px;}





.nav ul li a.home:hover{background:url("img/bot01.png") no-repeat left -49px;}

.nav ul li a.sevedic:hover{background:url("img/bot02.png") no-repeat left -49px;}

.nav ul li a.servicios:hover{background:url("img/bot03.png") no-repeat left -49px;}

.nav ul li a.muestras:hover{background:url("img/bot04.png") no-repeat left -49px;}

.nav ul li a.datos:hover{background:url("img/bot05.png") no-repeat left -49px;}

.nav ul li a.contacto:hover{background:url("img/bot06.png") no-repeat left -49px;}





.homeactive{background:url("img/bot01.png") no-repeat left bottom;width:108px;height:49px;display:block;float:left;margin:0px;}

.sevedicactive{background:url("img/bot02.png") no-repeat left bottom;width:159px;height:49px;display:block;float:left;margin:0px;}

.serviciosactive{background:url("img/bot03.png") no-repeat left bottom;width:121px;height:49px;display:block;float:left;margin:0px;}

.muestrasactive{background:url("img/bot04.png") no-repeat left bottom;width:199px;height:49px;display:block;float:left;margin:0px;}

.datosactive{background:url("img/bot05.png") no-repeat left bottom;width:176px;height:49px;display:block;float:left;margin:0px;}

.contactoactive{background:url("img/bot06.png") no-repeat left bottom;width:157px;height:49px;display:block;float:left;margin:0px;}





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

########### Footer

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





.txtfooter{

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #712f61;

	text-decoration: none;

	text-align:center;

	line-height: 22px;

}

.txtfooter2{

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #777;

	text-decoration: none;

	text-align:center;

}

.txtfooter2:Link{

	color: #777;

	text-decoration: none;

}

.txtfooter2:Active{

	color: #777;

	text-decoration: none;

}

.txtfooter2:Visited{

	color: #777;

	text-decoration: none;

}

.txtfooter2:Hover{

	color: #777;

	text-decoration: underline;

}



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

########### generales

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

.bullet {

	background-image: url(img/bullet.png);

	background-repeat: no-repeat;

	color:#777;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 14px;

	padding-left:20px;

}



#titulos{

	width:640px;

	float:left;

	margin-bottom:20px;

	border-bottom:solid 1px #DCCCD7;

}

#descarga_icono{

	width:60px;

	float:left;

}

#descarga_txt{

	width:580px;

	float:left;

}



#lista{
	width:640px;
	float:left;
	margin-bottom:20px;
}

#listaform{
	width:640px;
	float:left;
}

#lista2{

	width:590px;

	padding-left:50px;

	float:left;

	margin-bottom:15px;

	padding-bottom:10px;

	background-image: url(img/ico_labo.jpg);

	background-repeat: no-repeat;

	border-bottom:solid 1px #DCCCD7;

}

#content_foto{
	width:200px;
	margin-right:12px;
	float:left;
}
#content_formtxt{
	width:150px;
	margin-right:12px;
	float:left;
	text-align:right;
}

#content_mapa{
	width:400px;
	margin-right:12px;
	float:left;
}

#content_form{
	width:380px;
	margin-right:12px;
	float:left;
}
#content_txt{
	width:420px;
	float:right;
}



#columna1{

	width:173px;

	padding:0px 10px 10px 10px;

	margin-left:23px;

	margin-right:22px;

	margin-bottom:10px;

	float:left;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CDB6C6;

	border-bottom-color: #CDB6C6;

	border-left-color: #CDB6C6;

}

#columna2{
	width:173px;
	padding:10px;
	margin-left:23px;
	margin-right:22px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #CDB6C6;
}

#columna3{
	width:173px;
	padding:10px;
	margin-left:23px;
	margin-right:22px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #CDB6C6;
	background-image: url(img/ico_ubicacion.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#columna4{
	width:173px;
	padding:10px;
	margin-left:23px;
	margin-right:22px;
	margin-bottom:10px;
	float:left;
	background-color:#edddec;
	border: 1px solid #CDB6C6;
}
#columna5{
	width:193px;
	margin-left:23px;
	margin-right:22px;
	margin-bottom:10px;
	float:left;
}

#bot_ingresar{width:110px;

height:34px;

margin-top:10px;

float:left;

background-image:url(img/bot_ingresar.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_ingresar:Link{

background-image:url(img/bot_ingresar.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_ingresar:Hover{

background-image:url(img/bot_ingresar.jpg);

background-repeat:no-repeat;

background-position:bottom;

text-decoration:none}





#bot_mapa{width:110px;

height:34px;

margin-top:10px;

float:left;

background-image:url(img/bot_mapa.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_mapa:Link{

background-image:url(img/bot_mapa.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_mapa:Hover{

background-image:url(img/bot_mapa.jpg);

background-repeat:no-repeat;

background-position:bottom;

text-decoration:none}



#bot_pdf_01{width:169px;

height:59px;

float:left;

background-image:url(img/pdf_01.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_pdf_01:Link{

background-image:url(img/pdf_01.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_pdf_01:Hover{

background-image:url(img/pdf_01.jpg);

background-repeat:no-repeat;

background-position:bottom;

text-decoration:none}



#bot_pdf_02{width:169px;

height:59px;

margin-top:10px;

float:left;

background-image:url(img/pdf_02.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_pdf_02:Link{

background-image:url(img/pdf_02.jpg);

background-repeat:no-repeat;

text-decoration:none}



#bot_pdf_02:Hover{

background-image:url(img/pdf_02.jpg);

background-repeat:no-repeat;

background-position:bottom;

text-decoration:none}


#bot_descargas{width:132px;
height:19px;
margin-top:10px;
float:left;
background-image:url(img/masdescargas.jpg);
background-repeat:no-repeat;
text-decoration:none}


#bot_descargas:Link{
background-image:url(img/masdescargas.jpg);
background-repeat:no-repeat;
text-decoration:none}


#bot_descargas:Hover{
background-image:url(img/masdescargas.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-decoration:none}

.marco_foto{
	border:solid 1px #dcccd7;
	}
	
	
/*--------------------------------------------------

########### Formularios

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

.forms{

	border: solid 1px #E2D3E6;

	font-family:"Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;
	color:#777;
	padding:2px;
	background-color: #FFF;
	background-image: url(img/bg_form.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:8px;

}

#page_der_txt{
	width:100px;
	height:31px;
	float:left;
	text-align:right;
	padding-right:5px;
}
#page_der_casillas{
	width:220px;
	height:30px;
	float:right;
}
#page_der_casillascons{
	width:220px;
	height:95px;
	float:right;
}
#contacto_form{
	width:340px;
	float:left;
}
#contacto_left{
	width:340px;
	border-right:solid 1px #ddd;
	float:left;
}
#contacto_right{
	width:300px;
	float: right;
}

.boton_enviar{
	width:100px;
	height:27px;
	background-color:#984278;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	border:#000 solid 1px
}
			   
			   .boton_borrar{
	width:100px;
	height:27px;
	background-color:#984278;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	border:#000 solid 1px
}