@charset "utf-8";
body  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	width:100%;
	background-color:#CCEEFF;
	background-image:url(imagenes/bg.png);
	background-repeat:repeat-x;
	height:100%;
}
img{border:0; }
h1, h2, h3, h4, h5, h6{
	margin:0 auto;
		}
h1{color:#FC3; font-size:3.5em; font-family: 'Candal', Arial Black ; }
h3{font-size: 2.3em; margin-top:10px; padding-left:30px; color:#F40; background:#FC0; width:706px; border-radius:5px; border:1px solid #FD0;}
h4{color:#FC0; font-size:1.6em; padding:0 20px;}
h5{ font-size:1.2em; padding-left:30px;}
h6{font-size:1.0em;}
a{text-decoration:none;}
a:link{color:#6FF;}
a:hover{color:#FF0;}
a:visited{color:#069;}
a:active{color:#0C9;}
.submenu a:link{color:#09F;}
.lista{margin:20px auto; width:650px; }
.lista img{width:80px height:141px; float:left;}
.lista ol{width:550px; margin:0 auto; padding:0 8px; list-style:none; float:left; background-color:#FC3; border-radius:5px; border:1px solid #FD0; }
.lista li{margin:2px auto; list-style-position:inside; list-style-type:disc; color:#F00; }

h3 img{float:right; padding-right:20px;}
#articulo .lista li p{width:600px; margin:5px auto; text-align:justify; padding:0; color:#39F;}


#header img{
	border:0;
	float:left;
	margin:10px;
}

.ayudaonline{width:100%px; height:40px; margin:0; color:#FC3; padding:0; text-align:right; background-image:url(imagenes/ayudaonline.png); background-position:right; background-repeat:no-repeat; margin-right:20px; padding-right:50px;}
#background{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	top:0%;
}
#container {
	z-index:3;
	position:relative;
	width: 100%; 
	height:100%;
	margin: 0 auto;
	padding:0;
	text-align:justify;
}


#header {
    width:950px;
	padding: 0px;
	margin:20px auto;

} 
.uvideo{
	text-align:center;
	margin:10px auto;
	background-color:#F60;
	padding-top:10px;
}
.uvideo a:link{color:#03C;}
#middle{
	margin:0 auto;
	padding:0;
	width:950px;
}


.banner{width:650px; margin:0 auto;}



#mainContent {

	margin:0 auto ;
	

}


.top_main{
	width:900px;
	height:100px;
	margin:0 auto;
	background-image:url(imagenes/bg_main_r1_c1.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.top_main p{
	padding-top:25px;
	padding-left:5px;
	margin:0 auto;
	}
#sidebar1 {
	float: left; 
	width: 120px; 
	text-align:center;
	margin:0 auto;
	padding:0;
	background-color:#09F;
	background-image:url(imagenes/middle_side.png);	}
	.side_top{background-image:url(imagenes/top_side.png); width:120px; height:10px;}
	.side_bottom{background-image:url(imagenes/bottom_side.png); width:120px; height:10px;}
#cabecera{width:750px; height:250px; border:1px solid #0CF; border-radius:10px; float:left; margin:0 auto 10px 10px; background-color:#0BF; background-image:url(imagenes/201017031358-17034.jpg);}
#articulo{
width:750px;
text-align:justify;
margin:0 auto 10px 10px;
float:left;
background-image:url(imagenes/art_mid.png);
}

#articulo .top_art{padding:0; margin:0 auto; height:20px; background-image:url(imagenes/art_1.png); width:750px; }
#articulo .bottom_art{padding:0; margin:0 auto; height:20px; background-image:url(imagenes/art_2.png); width:750px; }
.middle_main{
	background-image:url(imagenes/bg_main_r3_c1.png);
	background-repeat:repeat-y;
	width:900px;
	margin:0 auto;
	}
p{
	font-size:1.2em;
	width:700px;
	margin:15px auto;
	}
.bottom_main{
	height:37px;
	width:900px;
	margin:0 auto;
	background-image:url(imagenes/bg_main_r5_c1.png);
	background-repeat:no-repeat;
	background-position:top;
}
#pasto_agua{
	width:100%;
	height:450px;
	padding:0;
	margin:0;
	position:relative;
	z-index:1;
	bottom:0%;
}
#footer {
    width:100%;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:1;
	bottom:0%;
	background-color:#FE3F1D;
	text-align:center;
}
#footer .submenu a:link{display:block; text-decoration:none; height:25px; padding:5px 5px 0 5px;}
#footer .submenu a:hover{display:block;background-color:#FD0;}
.submenu{
    margin:0 auto;
	background-color:#FC3;
	color:#9C0;
	text-align:center;
}
.submenu ol{margin:0 auto; width:600px; }
.submenu li{

	height:30px;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	border-right:1px solid #F90;
	border-left:1px solid #FF9;

}
.submenu li.nb-left{
	border-left:0;
}

.submenu li.nb-right{
	border-right:0;
}

.credits{
	margin:0 auto;
	color: #FFF;
	text-align:center;

}
.credits a:link{
	text-decoration:none;
}
.credits p {
	width:800px;
	margin: 0 auto;
	padding: 10px 0;
	text-align:center;
}

.inflable{
	width:750px;
	margin:0 auto;


}

.imagenbig{
	padding:1px;
	margin:0 5px 0 27px;
	float:left;
	border:1px dashed #FFF;
	width:333px; height:234px;
}
.minigalery{
	width:380px;
	margin:0 auto;
	float:left;
}
.minigalery li{float:left; list-style-type:none;margin:2px;}
.menu_inflables{
	margin:0 auto;
	width:700px;
}
.menu_inflables h5{padding:0; font-size:16px; font-weight:100;}
.menu_inflables a{color:#FFF; text-align:center;}
.menu_inflables a:hover{color:#FF6;}
.menu_inflables li{
	border:1px solid #08F;
	float:left;
	text-decoration:none;
	list-style:none;
	margin:10px auto 2px 2px;
	background-color:#09F;
	border-radius: 8px;
padding:5px;

 
	
}
.menu_inflables li, .minigalery li, #contact-area li, .menu_inflables_mini li{
		
}


#middle .inflable img{
	float:left;
}

.menu_inflables_mini {
	width:650px;
	margin:0 auto;
	padding:0;
}
.menu_inflables_mini li{
	margin:0 2px;
	padding:0;
	float:left;
	text-decoration:none;
	list-style:none;
}




#contact-area {
	padding:20px;
	width: 500px;
	margin:10px auto;
	border:1px dashed #FC6;
	}
#contact-area h4{width:100%; padding:0; margin:0;}
#contact-area p{
	font-size: 1.4em;
	margin:5px auto ;
	}

#contact-area .nombre, .telefono, .email, textarea {
	width: 500px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	border:1px solid #CCC;
	color:#F90;

}

#contact-area textarea {
	font-size: 1.4em;
	height: 150px;
}
#contact-area .opinion {
	border:1px dashed #FFF;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #F60;
}

#contact-area input.submit-button{
	width: 250px;
	height:70px;
	background-color:#FE3F1D;
	color:#FFF;
	font-weight:bolder;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	border:1px solid #FFF;
	text-align:center;
	margin:0 auto;
	border-radius:5px;
}


.cat{
	width:750px;
	margin:0 auto;
}


.cat{	
margin:0 auto;
}
.catborder{
border-bottom:2px solid #FC3;
border-top:4px solid #F90;
margin:0;
}
.articborder{
border-bottom:1px dashed #DDF5FF;
margin:10px;
}
.menu_mapa h5{padding-left:30px;}
.menu_mapa li{
	margin-left:20px;
	font-size:1.2em;
	float:none;
	list-style:disc;
	color:#F60;
}
.menu_mapa a, a:link, a:visited{
	text-decoration:underline;
}
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
}
blockquote{font-size:18px; color:#FC0; font-weight:600; margin:10px auto; width:700px; text-align:center;}