/* CSS Amadoz Gallardo */

/* Estilos especificos del web */

*, html { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; list-style-type:none; }
 html { min-height: 100%;height: auto;}
body {
	margin:0px;
	padding:0px;
	color:#333;
	background:#fff url(../img/fondo-pie.gif) left bottom repeat-x; 
}

h1 { float:left; margin-left:10px;}
h3 { font:bold 100% Arial, Helvetica, sans-serif; color:#666;}
h4 {
	margin:0px 0px 30px 0px;
	font: italic 130% Georgia, "Times New Roman", Times, serif;
	color: #999;
}
p {
	margin:0px 0 10px;
	line-height:130%;
	font:90% Arial, Verdana;
	list-style-type:none;
}

a{	color:#000;	text-decoration:none;}
a:link{	color:#000;	}

/*#head a:visited{
	color:#666;	
}*/

a:active{color:#333;}
a:focus{color:#333;	}
a:hover {color:#333;}
strong { font-weight:bold;}

img { border-style:none;}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block; color:#fff; clear:both;}


/*-- Estilos para la Home --*/

#fondo {background:url(../img/fondo.gif) left top repeat-x;}
#contenedor {
	width:990px;
	margin:0px auto;
}

#head { margin:0 15px; }

.col-menus { float:right; background:url(../img/fondo-top.gif) right top no-repeat; width:753px; font:normal 80% Tahoma, Arial, Verdana; height:133px;}

.col-menus ul{ margin:45px 0px 0 0; text-align:right; background:url(../img/fondo-menu.gif) right top no-repeat; height:47px; font-size:110%; }
  .col-menus li { float:left; margin:22px 0 0 0px; padding:0 10px 0 11px; font-weight:bold;}
  .col-menus li a {padding:2px 9px; color:#666;}
  .col-menus li a:hover { background-color:#666; color:#fff;}
  .col-menus .current {background-color:#666; color:#fff; padding:4px 5px;}

.menu-sup { float:right; width:295px; }
	.menu-sup ol{ margin:5px 0 0px; padding:0px; text-align:right;}
  	.menu-sup ol li { float:left; margin:5px 0 0 0px; padding:0 0px 0 45px; color:#fff; font-weight:normal!important; }
	.menu-sup li a {padding:0px 2px!important; color:#fff!important;}
  	.menu-sup li a:hover { background-color:#666; color:#fff;}

.contenido {
	margin:0px 0 30px;
	padding:10px 0px 0 10px;
	clear:both;
	color:#333;
}
.contenido p, .contenido li {font:85% Arial, Helvetica, sans-serif; line-height:150%; color:#434343;}
.contenido li { background: padding-left:10px; }

.contenido h2{ margin-left:25px; font-size:105%;}
.contenido h2 span{ color:#037f63; font-size:140%; display:block; font-weight:normal; margin-top:0px;}
.texto { width:530px; margin:25px 0 0 25px; line-height:150%; float:left;}
	.texto ul { margin:10px 0;}
	.texto li, .texto2 li { background: url(../img/ico-flecha-ve.gif) left 4px no-repeat; padding-left:15px; font-size:85%; margin:8px 0;}

.texto2 { width:350px; margin:90px 0 0 10px; line-height:140%; float:left; font-size:90%; border:1px solid #ccc; padding: 14px 20px;}

.foto { float:right; width:350px; margin-top:25px;}
	.foto img { padding:3px; border:1px solid #ccc;}
	.foto ul { margin:10px 0;}
	.foto li { float:left; margin:0 5px 5px 0;}
	.foto p { font-size:80%;}
.pdf { background:url(../img/icon_pdf.gif) left center no-repeat; padding-left:20px;}
.pdf a{ color:#037f63;}
.pdf a:hover{ color:#333;}

.texto3 { width:95%; margin:20px 0 0 25px; font-size:90%; padding: 14px 0px;}
.texto3 h3 { margin-bottom:15px;}
.texto3 li { float:left; margin:0 10px 20px; border:1px solid #ccc; padding:0px 5px;}

.texto4 { width:95%; margin:20px 0 0 25px; font-size:90%;}
.texto4 h3 { margin:15px 0;}
.texto4 li { margin:0 20px 0px; padding:0px 5px 5px 8px; background: url(../img/ico-flecha-gr.gif) left 5px no-repeat;}

.video { border:1px solid #ccc; background:#eee url(../img/loading.gif) center no-repeat; width:305px; height:240px; margin-right:25px; display:block;}

/*--- Estilos jquery home --- */

#img-home {
	width:990px;
	height:373px;
	overflow:hidden;
}

/*----*/

.col-a {
	float:left;
	margin:0 6px;
	width:122px;
	height:244px;
	font-size:90%;
	border:1px solid #ccc;
	padding:8px 13px 0;
	background:url(../img/fondo-destacado.gif) left top no-repeat;
}
.col-c {
	background:url(../img/fondo-destacado-mar.gif) center 4px no-repeat;
	float:left;
	margin:0 6px;
	width:122px;
	height:244px;
	font-size:90%;
	border:1px solid #ccc;
	padding:8px 13px 0;
}
.col-a img, .col-c img { border:2px solid #fff; margin:0 0px 20px;}
.col-a p, .col-c p { line-height:140%; font-size:90%; color:#666; text-align:center; line-height:110%;}
.col-a p a, .col-c p a{	color: #333; margin:0px 0;}
.col-a p a:hover, .col-c p a:hover { text-decoration:underline;}
.col-a h2, .col-c h2 { color: #037f63; font:normal 90% Arial, Helvetica, sans-serif; margin:0px 0 9px;}
.col-a h2 span, .col-c h2 span { color: #000; font:normal 170% Arial, Helvetica, sans-serif; margin:0px 0 5px;}


table { border:1px solid #ccc; font-size:90%; text-align:left; padding:3px; margin:10px 0;}
th { color:#000; background-color:#eee;}
td { color:#666;}


/*---- Paginas interior ---------- */


/* -- Formulario -- */

/*estilos de formulario */

#formulario { width:70%; margin:0 0 0 50px; font-size:80%; padding:20px 20px 5px; border:1px solid #ccc; }
#formulario h3 { margin:0 auto 10px; display:block; font-size:110%;}
#formulario p { margin:0 0px 10px; font-size:95%; line-height:140%; color:#666;}

label { display:block; line-height:120%;}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#000;
	font:90% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#eee;
	margin-bottom:3px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	display:block;
	color:#666;
	border:1px solid #ccc;
	display:block;
	margin:15px auto;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	background-color:#eee;
	color:#333;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a:hover {
	border-bottom:1px solid #666;
}
.gracias {
	width:90%;
	padding:30px;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:110% Tahoma, Arial, Verdana;
}

.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {	
	font-size:80%;
	color:#333;
	padding:8px 0px 0 15px;
	background:url(../img/fondo-pie-graf.gif) right bottom no-repeat;
	height:76px;
}
#pie p { float:left; margin-bottom:5px;}

#pie ul { float:right; width:380px;}
#pie li { color:#333; display:inline;}
#pie a{ color:#333;}
#pie li a:hover { color:#000; text-decoration:underline;}

address { font:normal 95% Arial, Helvetica, sans-serif; margin-left:5px; line-height:140%;}