/* CSS Document */
/* �2006 GTK. Grupo Trenvenque Kaplan
--------------------------------------------------------------------------------------------- */

/*nuevo 021006*/
.caja_encabezado h3{
	/*width:100%;*/
	width:520px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #009900;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	
	
	background:url(../img/bg_rayado.gif) repeat-x left bottom;
	
}

.caja_encabezado h3.csc-firstHeader{
	width:520px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #009900;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
		background:url(../img/bg_rayado.gif) repeat-x left bottom;
}




.datos_contacto_dir{
	width:90%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	background:url(../img/ico_dir.gif) no-repeat left center;
	padding:5px 0px 3px 38px;
}
.datos_contacto_tlf{
	width:90%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	padding:5px 0px 3px 38px;
	background:url(../img/ico_tlf.gif) no-repeat left center;
}
.datos_contacto_fax{
	width:90%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	padding:5px 0px 3px 38px;
	background:url(../img/ico_fax.gif) no-repeat left center;
}
.datos_contacto_ema a{
	width:90%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	font-weight:bold;
	margin:0px 0px 45px 0px;
	padding:5px 0px 3px 38px;
	background:url(../img/ico_ema.gif) no-repeat left center;
	text-decoration:underline;
}
.datos_contacto_ema a:hover{
	width:90%;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	font-weight:bold;
	margin:0px 0px 45px 0px;
	padding:5px 0px 3px 38px;
	background:url(../img/ico_ema.gif) no-repeat left center;
	text-decoration:none;
}









/*para el formulario maquetado sin typo3*/




form.formularioContacto{
float:left;
margin:20px 0px 0px 0px;
}

#mailform{
float:left;
}

.dato_form{
	/*width: 520px;*/
	width: 510px;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #009900;
	margin:0px 0px 14px 0px;
	padding:2px 0px 0px 0px;

}
div>.dato_form{
	width: 500px;
}



.casilla_form1{
	width:325px;
	height:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	margin:-15px 0px 4px 170px;
	padding:2px 0px 0px 10px;
}
.casilla_form2{
	width:325px;
	height:160px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	margin:-15px 0px 4px 170px;
	padding:1px 0px 0px 10px;
}




.casilla_form1 a{
	width: auto;
	height:16px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:2px 4px 0px 4px;
	margin:0px 13px 0px 0px;
	background-image: url(../img/bg_bot.gif);
	background-repeat:repeat-x;
	background-position: 0px -1px;
	border:1px solid #666666;
}
.casilla_form1 a:hover{
	width: auto;
	height:16px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:2px 4px 0px 4px;
	margin:0px 13px 0px 0px;
	background-image: url(../img/bg_bot.gif);
	background-repeat:repeat-x;
	background-position: 0px -1px;
	border:1px solid #666666;
}
/*a.enviar{
	width: 37px;
	height:37px;
	float:right;
	margin:0px 13px 0px 5px;
	background-image:url(../img/bot_env1.gif);

}
a.enviar:hover{
	width: 37px;
	height:37px;
	float:right;
	margin:0px 13px 0px 5px;
	background:url(../img/bot_env2.gif)no-repeat left top;
}*/


.enviar{
	width: auto;
	height:16px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:2px 4px 0px 4px;
	margin:0px 13px 0px 0px;
	background-image: url(../img/bg_bot.gif);
	background-repeat:repeat-x;
	background-position: 0px -1px;
	border:1px solid #666666;
}
div>.enviar{
	padding:2px 9px 0px 9px;
	margin:0px 10px 0px 0px;
}




.dato_form label{
	width:60px;
	float:left;
}

div#emergencias{
	margin-right:-20px;
	overflow:hidden;	
}
div#emergencia{
	width:250px;
	float:left;
	height:100px;
	margin-right:20px;
}
div#emergencia div#img{
	margin-bottom:6px;
}
div#emergencia h3{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:0px;
}
div#emergencia div.phone{
	font-size:14px;
	font-weight:bold;
}