*	{
	margin:0;
	padding:0;
	}
	
	#animados #aluminio{
		position:absolute;
		top:200px;
		right:50%;
		margin-right:-400px;
		width:263px;
		height:211px;
		z-index:30;}
		
	#animados #foto{
		position:absolute;
		top:200px;
		right:50%;
		margin-right:-100px;
		width:263px;
		height:211px;
		z-index:20;}
		
	#animados #hotel{
		position:absolute;
		top:200px;
		right:50%;
		margin-right:-250px;
		width:263px;
		height:211px;
		z-index:25;}
	
	#animados #logo{
		width:244px;
		height:65px;
		position:absolute;
		z-index:15;
		top:25px;
		right:50%;
		margin-right:215px;}
		
	
	
article, aside, footer, nav, header, section{
	display:block;}
	
	aside{
		background:#d9d9d9 url(../imagenes/bg_aside.png) repeat-x 0 0;
		float:left;
		min-height:300px;
		width:215px;
		padding:15px;
		
		}
		
		aside form div{
			position:relative;}
		
	#banner{
		width:100%;
		height:200px;
		overflow:hidden;
		position:relative;
		}
		
	#banner-interior{
		width:100%;
		height:120px;
		overflow:hidden;
		position:relative;
		}
		
		#banner728x90{
			background:url(../imagenes/banner728X90.png) no-repeat 0 0;
			width:728px;
			height:90px;
			margin:0 auto 18px;
			}
		
	#bg_left{
		background:url(../imagenes/bg_header_izq.png) no-repeat 100% 0 transparent;
		width:1800px;
		position:absolute;
		left:50%;
		margin-left:-1800px;
		height:199px;
		z-index:5;}
	
body{
	background:url(../imagenes/bg_main.png) repeat-x 0 252px #2f2f2f;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	}
	
	#bottom{
		border-top:#d5d5d7 2px solid;
		width:100%;
		height:190px;
		background:#2f2f2f;
		padding-top:18px;
		position:relative;
		z-index:100;
		}

	.clear{
		clear:both;}
		
	.enviado{
    color: #666666;
    font-size: 0.9em;
    padding: 0 0 15px;
    text-align: center;
		}
		
	footer{
		width:880px;
		height:79px;
		background:url(../imagenes/pie.png) 50% 0 no-repeat;
		margin:0 auto;}
		
		footer #footer-izq{
			float:left;
			font-size:17px;
			color:#919191;
			padding: 14px 0 0 17px;
			}
			
		footer #footer-der{
			float:right;
			font-size:17px;
			padding: 24px 15px 0 0;

			}
			
			footer #footer-der a{
				color:#919191;
				text-decoration:none;}
		
			footer #footer-der a:hover{
				text-decoration:underline;}
				
	
	#google-seccion{
    background: url("../imagenes/google-icono.png") no-repeat scroll 100% 50% transparent;
    height: 94px;
    left: 50%;
    margin-left: -100px;
    padding: 28px 130px 0 0;
    position: absolute;
    text-align: right;
    width: 400px;
    z-index: 50;
    display:none;
    }
	
	#google-seccion h2{
		color:#fff;
		text-shadow: 1px 1px 3px #333333, 2px 2px 2px #333333;
		-moz-text-shadow: 1px 1px 3px #333333, 2px 2px 2px #333333;
		-webkit-text-shadow: 1px 1px 3px #333333, 2px 2px 2px #333333;
		-o-text-shadow: 1px 1px 3px #333333, 2px 2px 2px #333333;
		font-size:1.5em;}
	
	h2{
		color:#ff9900;
		font-size:1.2em;
		font-weight:normal;
		margin-bottom:10px;
		
		
		}
		
	h3{
		color:#005785;
		font-size:1.2em;
		background:url(../imagenes/bg_h3.png) no-repeat 100% 50%;
		display:block;
		margin-bottom:20px;
		}
	
	header{
		background:url(../imagenes/bg_header.png) repeat-x 0 50px;
		border-bottom:1px solid #FFF;
		height:250px;
		position:relative;
		width:100%;
		}
		
		header nav{
			margin:auto;
			width:906px;
			}
			
			header nav #menu{
				display:table;
				list-style:none;}
			
			header nav #menu li{
				background:url(../imagenes/bg_hover.png) 0 0;
				display:table-cell;
				float:left;
				position:relative;
				line-height:1em;
				}
				
			header #menu li .hover {
				background:url(../imagenes/bg_hover.png) no-repeat 0 -50px;		/* mouseover image	*/
				position:absolute;	/* must be postion absolute 	*/
				width:100%;	/*	width, height, left and top to fill the whole LI item	*/
				height:50px;
				line-height:1em;
				left:0; 
				top:0;	
				z-index:0;		/* display under the Anchor tag	*/
				display:none;	/* hide it by default	*/
				border-left:solid 1px #989898;
				}
				
				
		 	 header #menu li.selected{
					 background:url(../imagenes/bg_hover.png) no-repeat 0 -50px;	
					 border-left:solid 1px #989898;
					 border-right:solid 1px #989898;
					 }
					 
				header #menu li.selected a{
					color:#989898;
					background:url(../imagenes/bg_select_der.png) no-repeat 100% 0;
					line-height:1em;}
					
				header #menu li.selected span.flecha{
					background:url(../imagenes/flecha_select.png) no-repeat;
					height:8px;
					width:10px;
					position:absolute;
					bottom:0;
					left:50%;
					margin-left:-5px;
					z-index:10;}
				
			header nav #menu li a{
				color: #FFFFFF;
			    display: block;
			    font-size: 0.8em;
			    font-weight: normal;
			    height: 31px;
			    padding: 19px 40px 0;
			    position: relative;
			    text-decoration: none;
			    z-index: 10;
				}
				
				header nav #menu li a.doblelinea{
				height: 39px;
				padding: 11px 40px 0;
				width:115px;}
				
			header nav #menu li a:hover{
				color:#989898;}
				
			header #menu li .hover span{
				right:0;
				display:block;
				height:50px;
				width:25px;
				background:url(../imagenes/bg_hover_der.png) no-repeat;
				z-index:1;
				position:absolute;
				}
				
		header#interior{
			height:171px;}
				
	img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
	zoom: 1;
	border:none;
}

	img.flota_derecha{
		float:right;
		margin:15px 0 0 15px;}
				
	#interesado{
		display:block;
		color:#666;
		background:url(../imagenes/globo.png) no-repeat 2px 8px;
		font-size:17px;
		margin:5px 0 15px 0;
		padding:15px 0 20px 54px;
		border-bottom:2px solid #f1f1f1;}				

	#intro{
		background:url(../imagenes/bg_intro.png) no-repeat 0 0;
		width:675px;
		height:125px;
		margin-top:30px;
		margin-bottom:15px;
		position:relative;
		margin-left:15px;}
		
		#intro ul{
			color:#666;
			font-size:.8em;
			padding-left:10px;
			margin-left:15px;
			}
			
		#intro ul li{
			padding-bottom:3px;}
		
	form input{
	    background: url("../imagenes/input.png") no-repeat scroll 0 0 transparent;
	    border: medium none;
	    color: #333333;
	    font-size: 17px;
	    height: 25px;
	    line-height: 17px;
	    margin: 3px 0 6px;
	    padding: 0 5px 4px;
	    width: 190px;
	    }
	    
	    form input#submit_btn{
		    background:url(../imagenes/enviar.png) no-repeat 0 0 transparent;
		    color:#fff;
		    text-transform:uppercase;
		    padding:0;
		    margin-top:10px;
		    width:98px;
		    height:35px;
		    float:right;
		    }
		
	form label{
		font-size:16px;
		color:#2385b7;
		display:block;
		font-weight:bold;
		}
		
		form label.error{
	    color: #FF0000;
	    position: absolute;
	    right: 0;
	    top: 0;
	    font-weight:normal;
	    font-size:14px;}
	
	form textarea{
		background: transparent url(../imagenes/textarea.png) no-repeat 0 0;
		border:none;
		color: #333333;
		font-family:Helvetica, Arial, sans-serif;
		font-size:17px;
		height:87px;
		line-height:17px;
		overflow:hidden;
		padding:5px;
		width:190px;
		}	
			
	#formas{
		background:url(../imagenes/formas_bg.png) no-repeat 50% 0;
		height:200px;
		position:absolute;
		top:0;
		width:900px;
		left:50%;
		margin-left:-450px;
		z-index:10;}
		
	
	#main{
		width:715px;
		float:right;
		min-height:300px;}
	
	#menu{
		display: table;
		table-layout: fixed;}
		
		#pregunta{
			position:fixed;
			right:0;
			top:51px;
			z-index:100;
			background:url(../imagenes/pregunta.png) no-repeat 0 0;
			
			color:#FFF;
			cursor:pointer;
			}
			
			#pregunta #preg_izq{
				
				float:left;
				width:100px;
				height:63px;
				text-align:center;}
		
			#pregunta #preg_der{
    color: #FDF7EE;
    display: none;
    float: right;
    font-size: 1em;
    height: 63px;
    width: 220px;}
				
				#pregunta #preg_der p{
    padding-left: 11px;
    padding-top: 13px;}
				
				#pregunta #preg_der a{
				color:#fdf7ee;
				text-decoration:none;
				}
				
				#pregunta #preg_der a:hover{
					text-decoration:underline;}

	.recomendacion{
	    background: none repeat scroll 0 0 #dfdfdf;
	    height:180px;
	    margin: auto;
	    padding: 15px;
	    width: 545px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-webkit-border-radius:10px;
		margin-bottom:20px;
		}
		
		section#secciones-internas .recomendacion ul{
			width:545px;}
		
		section#secciones-internas .recomendacion p strong{
			color:#005785;}
				
	section#home article{
	    border-left: 2px solid #E0E0E0;
	    display: block;
	    float: left;
	    height: 200px;
	    margin-left: 17px;
	    padding-left: 6px;
	    padding-right: 6px;
	    width: 200px;}
		
		section#home article:hover{
			background-color:#FAFAFA}
			
	section#home article:first-child{
		border-left:none;
		padding-left:0;}	
		
	section#home article p{
		color:#666;
		font-size:1em;
		padding:10px 0 0 5px;
		font-size:.9em;}
		
	section article ul{
		font-size:.8em;
		color:#666;
		list-style:square;
		margin-left:15px;}
		
		section article ul li{
			padding-bottom:5px;
			}
			
		section article ul.display li{
			padding-bottom:0;
			}
	
	section#home article p#sem{
	    background: url("../imagenes/sem_icon.png") no-repeat scroll 0 0 transparent;
	    color: #999999;
	    display: block;
	    font-size: 1em;
	    margin-top: 5px;
	    padding: 10px 0 25px 80px;
		}
		
	section#home article p#seo{
	    background: url("../imagenes/seo_icon.png") no-repeat scroll 0 0 transparent;
	    color: #999999;
	    display: block;
	    font-size: 1em;
	    margin-top: 5px;
	    padding: 10px 0 25px 75px;
		}

	section#home article p#wd{
		background:url(../imagenes/webd_icon.png) no-repeat 0 0;
		display:block;
		color:#999;
		padding:10px 0 41px 80px;
		margin-top:5px;
		font-size:1em;
		}
		
	section#secciones-internas{
		padding-top:30px;
		}
		
	section#secciones-internas p{
		color:#666;
		font-size:.9em;
		padding-bottom:10px;
		text-align:justify;
		}
		
		section#secciones-internas p a{
			color:#FF9900;
			text-decoration:none;
			}
			
			
			section#secciones-internas p a:hover{
				text-decoration:underline;}
		
		
		section#secciones-internas ul{
		    color: #999;
		    list-style: none outside none;
		    margin: 10px auto 30px;
		    width: 640px;
		    cursor:default;
			}
			
		section#secciones-internas ul li{
			padding:10px 25px 10px 40px;
			background:url(../imagenes/flecha2.png) no-repeat 5px 50%;}
			
			section#secciones-internas ul.display li{
			padding:0;
			background:none;}
			
		section#secciones-internas ul li.even{
			background:#efefef url(../imagenes/flecha.png) no-repeat 5px 50%
			}
			
		section#secciones-internas ul li:hover{
			color:#666;
			padding:10px 25px 10px 45px;
			background:url(../imagenes/flecha-hover.png) no-repeat 5px 50%;}
			
		section#secciones-internas ul li.even:hover{
			color:#666;
			padding:10px 25px 10px 45px;
			background:#efefef url(../imagenes/flecha-hover.png) no-repeat 5px 50%;
			}
		
	#texto1{
		color:#FFF;
		font-size:1.5em;
		position:absolute;
		z-index:35;
		}
		
		#texto1 span{
			font-size:1em;
			
			}
			
	#texto2, #texto3{
		color:#fff;
		font-size:1.2em;
		position:absolute;
		z-index:40;}

		#texto2 span, #texto3 span{
			font-size:1.3em;
			}
			
			#texto1{
			    margin-right: -170px;
			    right: 50%;
			    top: 75px;
			    text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -moz-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -o-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -webkit-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
				}
				
			#texto2{
			    margin-right: -405px;
			    right: 50%;
			    text-align: right;
			    top: 35px;
			    text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -moz-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -o-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -webkit-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;}
				
			#texto3{
			    margin-right: -405px;
			    right: 50%;
			    text-align: right;
			    top: 65px;
			    text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -moz-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -o-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -webkit-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;}
		
	#top{
		background:#333;
		border-bottom:1px solid #FFF;
		height:50px;
		width:100%;
		}
		
	#ver_mas{
	    display: block;
	    left: 50%;
	    margin-left: 290px;
	    position: absolute;
	    top: 30px;
	    z-index: 50;
	    text-align:right;
	    }
	    
	    #ver_mas a{
		    color:#FFF;
		    text-decoration:none;
		    text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -moz-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -o-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
			    -webkit-text-shadow:1px 1px 3px #333333, 2px 2px 2px #333333;
		    }
		    
		#ver_mas a:hover{
			text-decoration:underline;}
	    
	    #ver_mas a.imagen{
		    background:url(../imagenes/ver_mas.png) no-repeat 0 0;
		    width:96px;
		    height:31px;
		    display:block;
		    }
	
	#wrapper{
		background:#fff;
		width:100∞;
		border-top:1px solid #fff;
		position:relative;}
		
	#wrapper_bg{
		position:absolute;
		width:50%;
		top:0;
		left:0;
		height:100%!important;
		background:#FFFFFF 0 0 repeat-x;
		}
		
	#wrapper_main{
		width:980px;
		margin:0 auto;
		background:url(../imagenes/bg_wrapper.png) #fff repeat-y 0 0;
		position:relative;
		z-index:10;
		}
		
	/*Scroll para tabs en sección Diseño Web */
	
	#scroller-header a {
    text-decoration:none; 
    color:#666; 
    padding:21px 37px;
}
 
#scroller-header a:hover {
    text-decoration:none; 
    color:#999;
}
 
a.selected { 
    color:#005785 !important;
}
 
#scroller-header {
    background: url("../imagenes/header.gif") repeat-x scroll 0 0 #FAFAFA;
    font-weight: 700;
    height: 36px;
    margin: auto;
    padding: 24px 0 0 4px;
    width: 636px;
}
 
#scroller-body {
    background: #FAFAFA url(images/body.gif) no-repeat bottom center;
    width:640px;
    padding-bottom:30px;
    margin:auto; 
}
 
#mask {
    width:575px;
    overflow:hidden;
    margin:0 auto;
}
 
#panel {
 
}
 
#panel div {
float:left;
 
}

#panel-1 p strong, #panel-2 p strong, #panel-3 p strong, #panel-4 p strong{
	color:#005785;
	}
 
/* extra optional styling for each tab content */
#panel-1, #panel-2, #panel-3, #panel-4 {
    margin-top: -59px;
    padding-top: 75px;
}


/*-- --*/
section#secciones-internas ul.display li, section#secciones-internas ul.display li.even{
	background:none;}
	
	
section#secciones-internas ul.display li:hover{
			color:inherit;
			padding:inherit;
			background:none;}
			
		section#secciones-internas ul.display li.even:hover{
			color:inherit;
			padding:inherit;
			background:none;			}

ul.display li{
    display: block;
    float: left;
    margin-bottom: 15px;
    padding: 0;
    width: 605px;}

ul.display li a {
    color: #005785;
    text-decoration: none;
    font-size:12px;
}
ul.display li .content_block {
    padding: 0 10px;
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  /*--The left padding keeps the
content from flowing under the image--*/
    font-size: 1.2em;
}
ul.display li .content_block a img{ /*--Double border technique--*/
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}

/*-- --*/
ul.thumb_view li{    float: left;
    width: 253px; } <span style="color: #777;">/*--Switch the width
to accommodate for the three column layout--*/</span>
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }

/*-- --*/

a.switch_thumb {
    width: 122px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 10px 0 20px 43px;
    display: block;
    background: url(../imagenes/switch.gif) no-repeat;
    outline: none;
    text-indent: -9999px;
}
a.swap { background-position: left bottom; }

/*-- */

a:hover.switch_thumb {
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

#mensaje-home{
	background: none repeat scroll 0 0 #D9D9D9;
    height: 315px;
    left: 50%;
    margin-left: -476px;
    padding: 20px 10px 0;
    position: absolute;
    top: 355px;
    width: 210px;
    z-index: 100;}

#mensaje-interior{
	background: none repeat scroll 0 0 #D9D9D9;
    height: 355px;
    left: 50%;
    margin-left: -476px;
    padding: 20px 10px 0;
    position: absolute;
    top: 275px;
    width: 210px;
    z-index: 100;}

    
#mensaje{
	background: none repeat scroll 0 0 #D9D9D9;
    height: 315px;
    left: 50%;
    margin-left: -449px;
    padding: 20px 10px 0;
    position: absolute;
    top: 255px;
    width: 210px;
    z-index: 100;}