/* CSS NATURPAINT */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	color:#000;
	font:90% Tahoma, Arial, Verdana;
	background:#e3001a url(../img/fondo-trama.gif) left top repeat-x;	
}

h1 { font:normal 90% Arial, Helvetica, sans-serif; color: #333;}

h2 { float:left; font:bold 210% Arial, Helvetica, sans-serif; color:#d3c207; width:450px; text-align:right; margin:0px 25px 0 0;}
h2 span { color:#fff; margin-left:5px; display:block; font-size:60%;}
.tel { font:normal 90% Arial, Helvetica, sans-serif; width:150px; float:right; color:#fff; text-align:center; margin:5px 38px 0 0}
.tel strong {font:bold 130% "Trebuchet MS", Verdana, Tahoma, Arial; }
h3 { 
	font:normal 150% Arial, Helvetica, sans-serif; 
	color:#fe8221; 
	margin-bottom:20px;
}

h4 {
	color:#666;
	font:bold 110% Arial, Helvetica, sans-serif;
	margin-bottom:10px;}

p {
	margin:0px 0 10px;
	line-height:130%;
	font:90% Tahoma, Arial, Verdana;
}

a{ color:#fe8221; text-decoration:none;}
a:link{	color: #69F;}
a:visited{ color:#fe8221;}
a:active{ color:#fe8221;}
a:focus{ color:#d3c207;}
a:hover { color:#d3c207;}

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


/*-- Estilos para la Home --*/
#container { 
	background:url(../img/fondo-mancha-negra.gif) center top no-repeat;
	width:100%;
}

#contenedor {
	width:977px;
	margin:0px auto;
	color:#333;
	border-top:1px solid #fe8221; 	
}

#col-A { width:240px; float: left; text-align:right;}
#col-B { float:left; width:737px; padding-top:8px;}

.col-menus {
	float:right;
	width:191px;
	height:220px;
	background:url(../img/fondo-menu.png) left top no-repeat;
	font:normal 80% Tahoma, Arial, Verdana;
	margin-top:50px;
}
.col-menus ul{ margin-bottom:9px; padding:5px 10px 0 0; text-align:right;}
.col-menus li {
	margin:0px 2px;
	font:bold 110% Tahoma, Helvetica, sans-serif;
	color:#333;
	list-style:none;
	padding:2px 0;
}
.col-menus li a {color:#fff;  }
.col-menus li a:hover { color:#000; text-decoration:underline;}
.col-menus .current {color:#000; background:url(../img/flecha-ico-ne.gif) right center no-repeat; padding-right:12px; }

#contenido {
	color:#333;
	margin:8px auto 0;
	background:url(../img/fondo-contenido.gif) center 0px repeat-y;
	padding-bottom:20px;
}
.cont {
	width:900px;
	margin:0px auto;
	min-height:150px;
}

.img-home {
	overflow:hidden;
	width:737px;
	margin-top:20px;
}

.col-a{
	float:left;
	width:225px;
	font-size:100%;
	color:#fff;
}
.col-a .video {width:219px; height:170px; border:1px solid #666; background-color:#ccc; }
.col-b {
	margin:0px 0px 0px 30px;
	float:left;
	width:270px;
	height:150px;
	background-color:#111111;
	color:#fff;
	padding:10px 15px;
}
.col-b img { 
	padding:3px; 
	border:1px solid #d3c207; 
	float:left;
	margin-right:20px;
}
.col-b h3  {
	color:#fff;
	font:normal 140% Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.col-b p { font-size:90%; line-height:130%;}
.col-b ul { margin:10px 0 15px 0;}
.col-b li { list-style:none; padding:1px 0;}

.c { 
	background:#111111 url(../img/mapa.gif) 10px center no-repeat;
	text-align: right;
	font-size:90%;
}

/*---- Paginas interior ---------- */
#galeria { margin-bottom:10px;}
.galeria { 
	width:220px;
	margin:0px 70px 0 30px;
	float:left;
	color:#fff;
}
.galeria h3 { color:#fe8221; font:90% "Trebuchet MS", Verdana, Tahoma, Arial; text-transform:uppercase; margin:0px 0 5px;}

.galeria li { list-style-type: none; float:left; width:60px; height:60px; background-color:#333; margin:0 5px 5px 0; border:1px solid #000;}
.galeria li:hover {  border:1px solid #d3c207;}

.txt { 
	float:left;
	width:450px;
	color:#fff;
	line-height:170%;
}
.txt p{ 
	line-height:150%;
}
.txt ul { margin-bottom:10px;}
.txt li {
	list-style-type:none;
	background:url(../img/flecha-ico.gif) left 5px no-repeat;
	padding-left:10px;
	margin-left:30px;
	font-size:90%;
	padding-bottom:5px;
	line-height:120%;
}

.txt strong { color:#fe8221;}

.instalaciones { background:url(../img/d-instalaciones.jpg) left top no-repeat; height:321px; margin-top:23px;}
.mapa { background:url(../img/mapa2.gif) 20px bottom no-repeat; height:360px;}
.mapa h3 { border:1px solid #fe8221; padding:5px 10px; margin-right:30px;}
.telef { background:#fe8221; padding:2px 8px; margin:0px; color:#000; margin:8px 30px 8px 0; display:block; font-weight: bold;}

.ac { width:550px;}

/* -- Formulario -- */

/*estilos de formulario */

#formulario { margin:0px 0px 20px 0; font-size:85%;}
#formulario h4{  margin-bottom:10px; font-size:120%;}
#formulario p { margin:0 20px;}

label { display:block; margin:2px 0 0 20px;}

input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#333;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:75%;
	background-color:#e5e5e5;
	margin:0 0 3px 20px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	border-color:#000;
	color:#000;
	background-color:#fe8221;
	display:block;
	margin:20px 0px 8px 180px;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	background-color:#d3c207;
	color:#000;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}

#formulario a {
	border-bottom:1px dotted #666;
}
#formulario a:hover{
	border-bottom:1px solid #666;
}

.gracias {
	width:90%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {
	width:100%;
	background:url(../img/fondo-pie-naturpaint.gif) center top no-repeat;
	height:	130px;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#000;
	padding:55px 0px 0;
	line-height:100%;
	clear:both;
}
#pie ul { margin:0 0 0 10px; }
#pie li { display:inline; list-style:none; color:#000; font:normal 90% Tahoma, Arial, Verdana;}
#pie a{ color:#000;}
#pie li a:hover{ text-decoration:underline;}

#pie-cont {
	width:977px;
	margin:12px auto 0;
	color:#000;
}
address {float:left; margin:0px 50px 0 0; font:normal 90% Tahoma, Arial, Verdana; line-height:150%;}

.pie { float:left; margin:0px 40px 0 0; width:270px;}
.pie p { margin:0px; line-height:150%;}

.redes { 
	float:left;
	margin:0px 20px 0 130px;
	width:155px;
	text-align:center;
}