/*======by Karlos======*/
*{ margin:0px; padding:0px; }
/*=======================================================*/
body
{
	font-family:Arial, Tahoma, Verdana;
	background:#000 url(../imagenes/serviciosweb/background.png) repeat-x;
}
/*=======================================================*/
span.aux, span.Aux
{
	display:block;
	clear:both;
	font-size:2px;
}
/*=======================================================*/
#Header
{
	margin:0px auto;
	width:990px;
	height:125px;
	position:relative;
}
/*=======================================================*/
#Logo
{
	width:264px;
	height:64px;
	background:url(../imagenes/serviciosweb/bg_logo.png) no-repeat;
	position:absolute;
	top:25px;
	padding:22px 0px 0px 0px;
	text-align:center;
}
/*=======================================================*/
#MenuHeader
{
	height:50px;
	position:absolute;
	bottom:35px;
	left:270px;
}
/*=======================================================*/
#MenuHeaderLeft
{
	width:20px;
	height:50px;
	float:left;
	background:url(../imagenes/serviciosweb/bg_menuh1.png) no-repeat;
}
/*=======================================================*/
#MenuHeaderCenter
{
	float:left;
	width:690px;
	height:50px;
	background:#fff
}

#MenuHeaderCenter ul
{
	text-align:center;
	padding:14px 0px 0px 0px;
}

#MenuHeaderCenter li
{
	display:inline;
	margin:0px 11px;
	font-weight:bold;
	color:#99CC00;
	font-size:14px;	
}

#MenuHeaderCenter a
{
	text-decoration:none;
	font-weight:bold;
	color:#666;
}

#MenuHeaderCenter a:hover
{	color:#99CC00;	}
/*=======================================================*/
#MenuHeaderRight
{
	width:9px;
	height:50px;
	float:left;
	background:url(../imagenes/serviciosweb/bg_menuh2.png) no-repeat;
}
/*=======================================================*/
#Main
{
	height:265px;
	width:990px;
	margin:0px auto 10px auto;
}
/*=======================================================*/
#Informacion
{
	width:970px;
	height:265px;
	margin:0px auto;
	position:relative;
}
/*=======================================================*/
#ContentInformacion
{
	width:920px;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	height:255px;
}
/*=======================================================*/
.informacion
{
	width:890px;
	margin:0px auto;
}
/*=======================================================*/
.textinformacion
{
	float:left;
	width:430px;
	padding:20px 0px 0px 0px;
}

.textinformacion h1
{
	font-size:26px;
	margin:0px 0px 15px 0px;
	color:#fff;
}

.textinformacion p
{
	font-size:16px;
	margin:0px 0px 8px 0px;
	background:url(../imagenes/serviciosweb/bg_vinieta.png) no-repeat;
	padding:0px 0px 0px 22px;
	line-height:1.6em;
	color:#fff;
}
/*=======================================================*/
.imginformacion
{
	float:left;
	width:400px;
	text-align:right;
	padding:15px 0px 0px 0px;
}

.imginformacion img
{
	border:4px solid #fff;
}
/*=======================================================*/
#Content
{
	margin:0px auto;
	padding:10px 0px;
	width:975px;
}
/*=======================================================*/
.left { float:left; }
.right { float:right; }

.panel1{ width:325px; margin:0px 0px 20px 0px; }
.panel2{ width:575px; margin:0px 0px 20px 0px; }
.panel3{ width:375px; margin:0px 0px 20px 0px; }

.sinborde { border:none!important; }
/*=======================================================*/
.recuadro1, .recuadro2, .recuadro3
{
	width:300px;
	margin:0px auto;
}
/*=======================================================*/
.rheader1
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_hrecuadro1.png) no-repeat;
}
/*=======================================================*/
.rcontent1
{
	background:#D6EE79;	
	padding:5px 0px;
}
/*=======================================================*/
.rfooter1
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_frecuadro1.png) no-repeat;
}
/*=======================================================*/
.rheader2
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_hrecuadro2.png) no-repeat;
}
/*=======================================================*/
.rcontent2
{
	background:#B8DEF5;	
	padding:5px 0px;
}
/*=======================================================*/
.rfooter2
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_frecuadro2.png) no-repeat;
}
/*=======================================================*/
.rheader3
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_hrecuadro3.png) no-repeat;
}
/*=======================================================*/
.rcontent3
{
	background:#fff;	
	padding:5px 0px;
}
/*=======================================================*/
.rfooter3
{
	height:10px;
	background:url(../imagenes/serviciosweb/bg_frecuadro3.png) no-repeat;
}
/*=======================================================*/
.rtext
{	margin:0px 10px; height:365px; }

.rtext h2
{
	font-size:18px;
	margin:0px 0px 7px 0px;
}

.rtext h2.subtitulo1
{	color:#49580C;	}

.rtext h2.subtitulo2
{	color:#0D3C57;	}

.rtext p
{
	font-size:12px;
	margin:0px 5px 5px 5px;
}
/*=======================================================*/
.espacio p
{	margin:0px 5px 10px 5px;	line-height:1.4em;}
/*=======================================================*/
.separador1
{
	background:url(../imagenes/serviciosweb/bg_separador1.png) no-repeat;
	width:280px;
	height:10px;
	margin:0px auto 6px auto;
}

.separador2
{
	background:url(../imagenes/serviciosweb/bg_separador2.png) no-repeat;
	width:280px;
	height:10px;
	margin:0px auto 6px auto;
}

.separador3
{
	background:url(../imagenes/serviciosweb/bg_separador3.png) no-repeat;
	width:280px;
	height:10px;
	margin:0px auto 6px auto;
}
/*=======================================================*/
#Pregunta
{
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	width:880px;
	margin:0px auto 15px auto;
	clear:both;
	height:50px;
}
/*=======================================================*/
#ImgPregunta
{
	float:left;
	width:40px;
	text-align:center;
	padding:10px 10px 0px 20px;
}
/*=======================================================*/
#TextoPregunta
{
	float:left;
	padding:10px 0px 0px 0px;
	width:600px;
}

#TextoPregunta p
{
	font-size:11px;
	line-height:1.5em;
}

#TextoPregunta a
{
	text-decoration:none;
	color:#fff;
}

#TextoPregunta a:hover
{
	text-decoration:none;
	color:#999;
}
/*=======================================================*/
#LinkPregunta
{
	float:left;
	width:210px;	
	height:40px;
	padding:5px 0px 0px 0px;
}

#LinkPregunta a.isubmit
{
	display:block;
	width:100px;
	height:36px;
	text-decoration:none;
	background:url(../imagenes/serviciosweb/bg_preguntaboton.png) no-repeat;
	padding:4px 5px 0px 45px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	margin:0px auto;
}

#LinkPregunta a:hover.isubmit
{
	background:url(../imagenes/serviciosweb/bg_preguntaboton.png) no-repeat 0px -40px;
	color:#000;
}
/*=======================================================*/
#Footer
{
	margin:0px auto 0px auto;
	width:984px;
	height:145px;
	background:url(../imagenes/serviciosweb/bg_footer.png) no-repeat;
	position:relative;
}
/*=======================================================*/
#MenuFooter
{
	width:880px;
	padding:40px 0px 0px 0px;
	margin:0px auto;
}

#MenuFooter ul
{	text-align:center;	}

#MenuFooter li
{
	font-size:12px;
	display:inline;
	margin:0px 15px;
	border-right:1px solid #888;
	color:#ccc;
	padding:0px 30px 0px 0px;
}

#MenuFooter li.ultimo
{	border:none;	}

#MenuFooter li a
{
	color:#999;
	text-decoration:none;
}
#MenuFooter li a:hover
{
	color:#66CCFF;
	text-decoration:underline;
}
/*=======================================================*/
#Copy
{
	position:absolute;
	border-top:1px solid #333333;
	width:800px;
	padding:5px 0px 5px 5px;
	bottom:0px;
	left:10px;
}

#Copy p
{
	font-size:11px;
	color:#777;
	line-height:1.6em;
}
/*=======================================================*/
.texto { margin:0px auto 35px auto; }

.texto h1
{
	font-size:26px;
	font-weight:300;
	color:#fff;
	border-bottom:1px solid #2b2b2b;
	margin:0px 0px 5px 0px;
}

.texto h2
{
	font-size:18px;
	font-weight:300;
	color:#66CC00;	
	margin:0px 0px 5px 0px;
}

.texto h3
{
	font-size:13px;
	color:#0066FF;	
	margin:0px 0px 5px 0px;
}

.texto p
{
	font-size:13px;
	color:#fff;
	margin:0px 10px 15px 0px;
	line-height:1.6em;
}

.texto img.derecha
{
	float:right;
	margin:0px 0px 10px 10px;
}

.texto ul
{	margin:0px 0px 20px 20px;	}

.texto li
{
	font-size:13px;
	color:#fff;
	line-height:1.6em;
	list-style:none;
	background:url(../imagenes/serviciosweb/ico_vinieta_faq.jpg) no-repeat 0px 10px;
	padding:0px 0px 0px 11px;
}

ul#MapaSitio { margin:20px 0px 0px 20px; }

ul#MapaSitio li
{
	margin:0px 0px 14px 0px;
	background:url(../imagenes/serviciosweb/ico_sitemap.png) no-repeat;
	padding:0px 0px 0px 24px;
	color:#1CA4D1;
	font-weight:bold;
	font-size:14px;
}

ul#MapaSitio a
{
	font-weight:normal;
	text-decoration:none;
	color:#fff;
}

ul#MapaSitio a:hover { color:#666; }
/*=======================================================*/
#Construccion
{
	width:400px;
	margin:0px auto;
	padding:30px 0px 0px 0px;
	text-align:center;
}

#Construccion img
{	margin:0px auto 10px auto;	}

#Construccion p
{
	font-size:12px;
	color:#fff;
	line-height:1.4em;
	margin:0px 0px 10px 0px;
}
/*=======================================================*/
.servicios
{
	margin:0px auto 30px auto;
	height:120px;
	width:790px;
	border-bottom:1px solid #333;
	padding:0px 0px 6px 0px;
}

.servicios2
{	height:85px;	}

.servicios3
{	height:95px;	}

.servicios img
{
	float:left;
	margin:0px 10px 0px 0px;
}

.servicios h2
{
	font-size:18px;
	margin:0px 0px 15px 0px;
	color:#168FE9;
	font-weight:500;
}
.servicios p
{
	font-size:12px;
	color:#fff;
	line-height:1.5em;
}

#Valid
{
	position:absolute;
	bottom:0px;
	right:20px;
	height:38px;
	width:130px;
}

#Valid a.valid_xhtml
{
	display:block;
	width:63px;
	height:38px;
	text-indent:-999999em;
	background:url(../imagenes/serviciosweb/ico_valid_xhtml.png) no-repeat;
	float:left;
}

#Valid a.valid_xhtml:hover
{	background:url(../imagenes/serviciosweb/ico_valid_xhtml.png) no-repeat 0px -40px;}

#Valid a.valid_css
{
	display:block;
	width:63px;
	height:38px;
	text-indent:-999999em;
	background:url(../imagenes/serviciosweb/ico_valid_css.png) no-repeat;
	float:right;
}

#Valid a.valid_css:hover
{	background:url(../imagenes/serviciosweb/ico_valid_css.png) no-repeat 0px -40px;}






	/* .SCROLL */

	div#slider div.scroll {

	height: 270px;

	overflow: hidden;

/*	overflow-x: hidden;

	overflow-y: hidden;
*/
	position: relative; /* fix for IE to respect overflow */

	width: 830px;
}

		

		/* .PANEL */

		/* DIV.PANEL is close to DIV.FEATURED style from layout.css  */

		div#slider div.scroll div.scrollContainer div.panel { overflow: hidden; height: 255px; width:828px;	padding-right: 28px;

	padding-left: 28px;

} /* 1px padding for a good view */







/*

#slider
{
    width:970px;
    margin:0px auto;
    position:relative;
}

.scroll {
    height: 250px;
    width: 884px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 880px;
}
*/
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation 
{
	width:135px;
	height:30px;
	background:url(../imagenes/serviciosweb/bg_selector.png) no-repeat;
	margin:0px auto;
	position:absolute;
	bottom:0px;
	left:410px;
	text-align:center;
	padding:7px 0px 0px 15px;
}

ul.navigation li 
{
    display:block;
	width:24px;
	height:24px;
	float:left;
	margin:0px 8px;
}

ul.navigation a 
{
	background:url(../imagenes/serviciosweb/bg_icoselector.png) no-repeat -24px 0px;
	display:block;
	width:24px;
	height:20px;
	text-align:center;
	float:left;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:4px 0px 0px 0px;
	font-size:12px;
}

ul.navigation a:hover { background:url(../imagenes/serviciosweb/bg_icoselector.png) no-repeat; }

ul.navigation a.selected { background:url(../imagenes/serviciosweb/bg_icoselector.png) no-repeat; }

ul.navigation a:focus { outline:none; }

div#slider .scrollButtons {cursor: pointer; }


.hide { display: none; }

#bt-l 
{
	background:url(../imagenes/serviciosweb/arrow-l.png) no-repeat;
	float:left;
	height:51px;
	width:32px;
	margin:105px 12px 0px 0px;
}

#bt-r 
{
	background: url(../imagenes/serviciosweb/arrow-r.png) no-repeat;
	float:right;
	height:51px;
	width:32px;
	margin:105px 0px 0px 0px;
}
#bt-l:hover, #bt-r:hover {
	background-position:center -51px;
}

#bt-l span, #bt-r span { display: none; }



#alojamiento { background:url(../imagenes/serviciosweb/bg_alojamiento.png) no-repeat; }
#diseno { background:url(../imagenes/serviciosweb/bg_diseno.png) no-repeat; }
#dominio { background:url(../imagenes/serviciosweb/bg_dominio.png) no-repeat; }