/* CSS Document */
body {
	padding:0 auto 0 auto;	
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif /*"trebchet MS", Arial, Helvetica, sans-serif*/;
	background:url(img/bg_body.gif) repeat-x top #ffffff;
	text-align:center;
}

:focus {
     outline: 0;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------->>>>>>>>>>>>>>>>> cuerpo general <<<<<<<<<<<<<<<<<<-------------------*/
/*-----------------------------------------------------------------------------------------*/
#continente {
	width:953px;
	margin-left:auto;
	margin-right:auto;
	padding:0px auto 0px auto;
	background-color:#ffffff;
	height:auto!important;
	min-height:989px;
	text-align:center;
	*margin-top:0px;
	color:#47444F;
}
#continente2 {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding:0px auto 0px auto;
	background-color:#ffffff;
	height:auto!important;
	min-height:1000px;
	text-align:center;
	*margin-top:-15px;
}

/*-----------------------------------------------------------------------------------------*/
/*------------------------>>>>>>>>>>>>>>>>> cabecera <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#header {
	position:relative;
	background-color:#F8AE00;
	text-align:left;
	margin:0px auto 0px auto;
	width:960px;
	height:100px;
	z-index:100;
	border-bottom:10px solid #198CAF;
}

#text_head { /*como el de estilo calpe*/
	position:relative;
	float:right;
	*margin-top:-70px;
	margin-right:10px;
	*margin-right:40px;
	width:400px;
	text-align:right;
	color:#47444F;
	font-size:16px;
	font-weight: bold;
	line-height:22px;
}

/*#text_head {
	position:relative;
	float:right;
	margin-top:-70px;
	margin-right:40px;
	width:400px;
	text-align:right;
	color:#47444F;
	font-size:16px;
	font-weight: bold;
	line-height:22px;
}*/

#head {
	position:relative;
	background-color:#F8AE00;
	text-align:left;
	margin:0px auto 0px auto;
	width:953px;
	height:100px;
	z-index:100;
}

#banderas {
	float:right;
	margin-top:10px;
	*margin-top:40px;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------->>>>>>>>>>>>>>>>> menu cabecera <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------
#menu {
	position:relative;
	float: left;
	bottom:0px;
	height:30px;
	margin-top:160px;
	margin-left:-375px;
	margin-left:-355px;
	color:#ffffff;
	font-weight:bold;
	padding-top:10px;
	font-size:14px;
	width:600px;
}
*:first-child+html #menu {
	margin-left:-355px;
}
#menu UL{
	list-style: none;
	margin-top:0px;
}
#menu LI{
	position:relative;
	float: left;
	margin-top:0px;
	font-weight:bold;
	left:-15px;
	*left:5px;
	_left:5px;
	margin-right:10px;
	padding-top:10px;
}
#menu LI a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#menu LI a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#menu LI a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------*/
/*---------------------->>>>>>>>>>>>>>>>> contenidos <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#cont_old {
	position:relative;
	margin:0px auto 0px auto;
	background:url(img/landing/bg_cont.png) repeat-x top #F8AE00;
	width:960px;
	height:3530px;	
	top:0px;
	font-size:12px;
	color:#000000;
	z-index:5;
	*z-index:5;
	_z-index:5;
	border-top:solid 1px #666666;
}

#cont {
	position:relative;
	margin:0px auto 0px auto;
	background:url(img/landing/bg_cont.png) repeat-x top #F8AE00;
	width:953px;
	height:auto;
	min-height:889px;	
	top:0px;
	font-size:12px;
	color:#47444F;
	z-index:5;
	*z-index:5;
	_z-index:5;
	
}

#lado {	
	float:left;
	width:223px;
	border-right:2px solid #198caf;
	background:url(img/menu_lat.png) no-repeat #F8AE00;
	height:auto;
	
}

#mapp {
	position:relative;
	float:right;
	margin-right:10px;
	*margin-right:5px;
	margin-top:10px;
	*margin-top:20px;
	_margin-top:20px;
	/*background:url(img/map.png) no-repeat;*/
	width:498px;
	height:460px;
}
#bloke1 {
	position:relative;
	float:left;
	width:427px;
	height:247px;
	margin-left:10px;
	margin-top:10px;
	*margin-top:20px;
	_margin-top:20px;
	background:url(img/fondobloke1.png) no-repeat;
	_background:url(img/fondobloke1.gif) no-repeat;
	line-height:16px;
}
#bloke2 {
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:0px;
	background:url(img/fondobloke2.png) no-repeat;
	width:427px;
	height:211px;
}
#ali {
	position:relative;
	float:left;
	top:-10px;
	*top:-5px;
	_top:-5px;
	padding-left:30px;
	text-align:justify;
}
#bloke2 a:link {
	color:#FF7800;
	text-decoration:none;
}
#bloke2 a:visited {
	color:#FF7800;
	text-decoration:none;
}
#bloke2 a:hover {
	color:#666666;
	text-decoration:underline;
}
#bloke3 {
	position:relative;
	float:left;
	width:940px;
	height:263px;
	margin-top:15px;
	background:url(img/fondobloke3.png) no-repeat;
	padding-left:20px;
	margin-left:10px
}
#rec a:link, a:hover, a:visited {
	color:#666666;
	text-decoration:none;
}
#rec {
	position:relative;
	float:left;
	text-align:center;
	width:900px;
	height:160px;
	margin-left:10px;
	margin-top:0px;
	top:-5px;
	.top:10px;
	_top:10px;
	left:0px!important;
	*left:0px!important;
	_left:-40px;
}
#img_rec {
	position:relative;
	float:left;
	background:url(img/canto.png) top left no-repeat #ffffff;
	width:185px;
	height:200px;
	padding-top:10px;
	margin-left:30px;
	text-align:center;
	overflow:visible;
	line-height:18px;
}
#bloke5 {
	position:relative;
	float:left;
	width:930px;
	min-height:388px;
	margin-left:20px;	
	_margin-left:10px;
	margin-top:10px;
	*margin-top:20px;
	_margin-top:20px;
	background:url(img/fondo_texto.png) no-repeat;
	_background:url(img/fondo_texto.gif) no-repeat;
	padding-top:30px;
	z-index:50;
}
#fotopres {
	position:relative;
	float:left;
	left:100px;
}
#quienes {
	position:relative;
	float:left;
	width:400px;
	margin-left:30px;
	padding-top:20px;
}
#bloke4 {
	position:relative;
	float:left;
	margin-left:10px;
	width:940px;
	height:auto;
	margin-top:0px;
	background:url(img/fondobloke4.png) no-repeat;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------>>>>>>>>>>>>>>>>> Landing <<<<<<<<<<<<<<<<<<---------------------*/
/*-----------------------------------------------------------------------------------------*/

#bloke4 p {
	position:relative;
	float:left;
	margin-left:20px;
	width:550px;
	padding:20px;
	font-size:14px;
	margin-top:10px;
}
.btn_left {
	position:relative;
	float:left;
	margin-left:80px;
}
.btn_right {
	position:relative;
	float:right;
	margin-right:290px;
}
.btn_right2 {
	position:relative;
	float:right;
	margin-right:55px;
}
#btn_land {
	position:relative;
	float:left;
	margin-top:30px;
	text-align:center;
}
.txtcenter {
	text-align:center;
}
h3 {
	position:relative;
	float:left;
	left:10px;
	font-size:13px;
	background-image:none;
	padding-left:10px;
	width:97%;
	*margin-bottom:10px;
	_margin-bottom:10px;
}
#h8 {
	position:relative;
	float:left;
	left:10px;
	font-weight:bold;
	font-size:18px;
	background-image:none;
	margin-left:9px;
	width:98%;
	margin-top:25px;
	margin-bottom:30px;
	display:block;
}
#h9 {
	position:relative;
	float:left;
	left:0px;
	font-weight:bold;
	font-size:18px;
	background-image:none;
	margin-left:0px;
	width:100%;
	margin-top:10px;
	_margin-bottom:10px;
	display:block;
}
#body_bloke4 {
	position:relative;
	float:left;
	display:table; /* must put this in for FireFox. */
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	width:940px!important;
	*width:900px!important;
	_width:940px;
	height:520px!important;
	/*background:url(img/landing/marca-agua.png) no-repeat bottom left;*/
	background:url("img/watermark.png") no-repeat scroll 250px 150px transparent;
	z-index:99;
	padding:0px;
}
#culo_bloke4 {
	position:relative;
	float:left;
	width:940px;
	height:24px;
	background:url(img/culo_fondobloke4.png) no-repeat ;
	_background:url(img/culo_fondobloke4.gif) no-repeat ;
	z-index:98;
}
#bloke_land {
	position:relative;
	float:left;
	margin-left:10px;
	width:940px;
	height:auto!important;
	margin-top:15px;
	margin-bottom:30px;
	background:url(img/fondobloke4.png) no-repeat;
}
#body_bloke_land {
	position:relative;
	float:left;
	display:table; /* must put this in for FireFox. */
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	width:940px!important;
	*width:900px!important;
	_width:940px;
	height:640px;
	background-color:#e0e0e0;
	background:url(img/bg_bloke_land.png) repeat-x bottom #e0e0e0;
	z-index:99;
	padding:0px;
}
#culo_bloke_land {
	position:relative;
	float:left;
	width:940px;
	height:24px;
	background:url(img/culo_fondobloke4.png) no-repeat ;
	_background:url(img/culo_fondobloke4.gif) no-repeat ;
	z-index:98;
}
#text a:link {
font-weight:bold;
	color:#0066FF;
	text-decoration:none}
#text a:visited {
	color:  #0066FF;
font-weight:bold;
}
#text a:hover {
	color:#0033FF;
	border-bottom:2px dotted #0033FF;
font-weight:bold;
}
#images {
	float:left;
	left:0px;
	margin-left:8px;
	height:auto;
	
	width:300px;
}
#imagesr {
	position:relative;
	float:right;
	margin-right:28px;
	width:300px;
}
#banner_land {
	position:relative;
	float:left;
	height:471px;
	width:294px;
	margin-top:20px;
	margin-left:15px!important;
}
#text { 
	position:relative;
	float:right;
	text-align:left;
	font-size:14px;
	margin-right:40px;
	margin-top:10px;
	line-height:19px;
	display:block;
}
#barra {
	position:relative;
	float:left;
	height:132px;
	width:100%;
	margin:30px 0px 0px 0px;
	border-top:10px solid #198CAF;
	background:url(img/landing/bg_bajo.png) repeat-x;
}
.textp {
	position:relative;
	text-align:left;
	font-size:14px;
	width:540px;
	margin-top:20px;
	display:block;}
.textb {
	position:relative;
	text-align:left;
	font-size:14px;
	margin-top:10px;
	margin-left:20px;
	display:block;}
#textc {
	position:relative;
	float:left;
	width:900px;
	font-size:12px;
	color:#666666;
	display:block;
	margin-left:20px;
	margin-top:10px;
	overflow:visible;
}
#textc u {
	font-size:13px;
}
#lista {
	position:relative;
	float:left;
	width:800px!important;
	width:700px;
	margin-left:100px;
	*margin-left:50px;
	*margin-left:50px;
	text-align:left;
}
#bloc {
	position:relative;
	float:left;
	text-align:left;
	font-size:14px;
	margin-top:10px;
	line-height:18px;
	display:block;
	top:50px!important;
	height:800px;
	*top:0px!important;
	*height:auto;
	//height:auto;
}
#text ul {
	float:left;
	width:520px;
	list-style: none;
}
#text li {
	position:relative;
	float:left;
	text-align:left;
	margin-left:80px;
	font-size:14px;
	display:block;
}
.lista ul {
	float:left;
	width:520px;
	list-style: none;
}
.lista li {
	position:relative;
	float:left;
	text-align:left;
	margin-left:80px;
	font-size:14px;
	display:block;
	background-image: url(img/landing/list.gif);
	background-repeat:no-repeat;
}
.sub {
	border-bottom:2px solid #198CAF;
	margin-left:-10px;
	
}
.sub2 {
	position:relative;
	float:left;
	border-bottom:2px solid #198CAF;
	left:-30px;
	padding:0px;
	margin:0px;
}
.cien {
	width:100%;
}
.left {
	position:relative;
	float:left;
	margin-left:15px;
	_margin-left:6px;
	margin-top:20px;
	display:block;
}
.right {
	position:relative;
	float:right;
	margin-right:16px;
	margin-top:20px;
	display:block;
}
.img {
	position:relative;
	float:left;
	width:300px;
	padding: 20px 20px 0px 30px;
}
.text_img {
	position:relative;
	float:right;
	margin-right:0px;
	font-size:9px;
	color:#FFFFFF;
	top:-15px;
}
.sombraimg {
   margin:10px;
   background:#CCCCCC; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
   width: 300px;
}
#fonland {
	position:relative;
	float:left;
	width:930px;
	background:url(img/fondo_texto_02.gif) no-repeat bottom;
	height:auto!important;
	margin-left:15px;
	margin-top:40px;
}
#sol {
	position:relative;
	float:left;
	background:url(img/logosol.gif) no-repeat bottom;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------->>>>>>>>>>>>>>>>> fin landing <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#pie {
	position:relative;
	*position:fixed;
	float:left;
	width:100%;
	*top:160px;
	_top:160px;
	background:url(img/fondopie.png) repeat-x top;
	height:50px;
	z-index:1;
}
#pieses {
	position:relative;
	float:left;
	width:100%;
	top:0px;
	background:url(img/fondopie.png) repeat-x top;
	height:50px;
	z-index:1;
}
.mas {
	margin-top:20px;
}
#zonas {
	position:relative;
	float: left;	
	text-align:center;
	width:900px;
	height:450px;
	color:#666666;
	font-size:10px;
	margin-left:auto;
	margin-top:0px;
	padding:0 auto 0 auto;
	left:0px;
}
#zonas a:link, a:hover, a:visited {
	color:#666666;
	text-decoration:none;
}
h1 {
	position:relative;
	float:left;
	text-align:left;
	font-size:16px;
	font-weight:900;
	left:30px;
	color:#ffffff;
	top:-10px;
	margin-top:0px;
	padding-top:8px;
	width:100%
}
h2 {
	position:relative;
	float:left;
	text-align:left;
	margin-bottom:20px;
	font-size:16px;
	font-weight:900;
	left:30px;
	color:#666666;
	margin-top:0px;
	padding-top:8px;
	width:100%;
}

.site {
	position:relative;
	float:left;
	text-align:left;
	margin-bottom:20px;
	font-size:16px;
	font-weight:900;
	left:10px;
	color:#666666;
	margin-top:0px;
	padding-top:8px;
	width:100%;
}
#center {
	position:relative;
	float:left;
	margin:0 auto 0 auto;
}


#cont3 ul{
	/*list-style-image: url(marca.png);*/
	text-align: left;
	list-style: none;
	*margin-left:5px;	
	_margin-left:5px;	
	padding-left:0px;	
	position:relative;
	margin-top:10px;
	float:left;
	width:530px;
	border-left:5px solid #198CAF;
	border-right:5px solid #198CAF;
}
#cont3 li{
	margin-top: 15px;
	padding-left: 80px;
	margin-left:40px;
	left:0px;
	width:370px;
	*width:400px;
	background-repeat: no-repeat;
	background-image: url(img/landing/list.gif)!important;
	position:relative;
	float:left;

}
#cont2 ul{
	/*list-style-image: url(marca.png);*/
	text-align: left;
	list-style: none;
	*margin-left:5px;	
	_margin-left:5px;	
	padding-left:0px;	
	position:relative;
	margin-top:10px;
	float:left;
	width:530px;
	border-left:5px solid #198CAF;
	border-right:5px solid #198CAF;
}
#cont2 li{
	margin-top: 15px;
	padding-left: 80px;
	margin-left:40px;
	left:0px;
	width:370px;
	*width:450px;
	background-repeat: no-repeat;
	background-image: url(img/landing/list.gif)!important;
	position:relative;
	float:left;

}
#ali li{
	margin-top: 12px;
	padding-left: 20px;
	width:370px;
	background-repeat: no-repeat;
	background-image: url(img/dot.png)!important;
	position:relative;
	float:left;
}
.help{
	padding-left: 20px;
	width:420px;
	background-repeat: no-repeat;
	background-image: url(img/dotx.png)!important;
	position:relative;
	float:left;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------->>>>>>>>>>>>>>>>> enlaces internos <<<<<<<<<<<<<<<<<<-----------------*/
/*-----------------------------------------------------------------------------------------*/

#central_01 {
	position:relative; 
	float:left; 
	display:table; /* must put this in for FireFox. */
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	width:940px; 
	height:300px; 
	line-height:16px;
	left:-25; 
	*left:0;
} 
#central_02 {
	position:relative; 
	float:left; 
	display:table; /* must put this in for FireFox. */
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	width:940px; 
	height:200px; 
	line-height:16px;
	left:-25; 
	*left:0;
} 
#blokes {
	position:relative; 
	float:left; 
	margin-left:15px; 
	_margin-left:10px; 
	width:295px;
	height:100%; /* so the menu has the height of the main content and
visa versa */

}
/*---------------------------------------------------------------------------------------*/
/*------------------------------>>>  Landing Pages 2009 <<<------------------------------*/
/*---------------------------------------------------------------------------------------*/
#landing_page {
		position:relative;
		float:left;
		width:100%;
		height:auto!important;
		min-height:auto;/*432px;*/
		*height:auto;
		font-family:Arial, Helvetica, sans-serif;
		/*background:url(img/watermark.png) 250px 150px no-repeat ;*/
	}
		
		
#landing_page strong { 
	color:#333333;
	}
	
h1.landing {
	font-size:24px;
	color:#47444F;
	width:100%;
	font-weight:bold;
	/*margin:25px auto 15px auto;*/
	margin: 25px -30px 1px;
}

h2.landing {
	font-size:18px;
	color:#198CAF;
	border-bottom:2px solid #198CAF;
	text-indent:10px;
	width:95%;
	margin:25px auto 20px auto;
	text-align: left!important;
	padding-bottom:4px;
}


#landing_page p.landing {
	color: #333333;
	width:90%;
	*width:95%;
	margin:15px auto;
	*margin-left:50px;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page ul {
	width:80%;
	*width:85%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page li {
	margin:15px auto;
	list-style:none;
	background:url(img/bullet.png) left 2px no-repeat transparent;
	*background:url(img/bullet.png) left 3px no-repeat transparent;
	text-indent:20px;
}
#landing_page p.landing_top {
	color: #4e4e4e;
	width:90%;
	padding-top:0px;	
	font-size:13px;
	margin:10px auto;
	text-align:left!important;
}
#landing_page img.landing{
	border:1px solid #CFCFCF;
	margin:10px;
}

#intro_landing {
	position:relative;
	clear:both;
	margin:40px auto;
	*margin:20px auto 40px auto;
	background:url(img/img_landing/bg_intro.png) repeat-y;
	width:715px;
	height:auto;
}
#intro_landing_top {
	background:url(img/img_landing/bg_intro_top.png) no-repeat transparent;
	width:715px;
	height:8px;
}
#intro_landing_bottom {
	background:url(img/img_landing/bg_intro_bottom.png) no-repeat transparent;
	width:715px;
	height:9px;
	*position:absolute;
	*bottom:-6px;
	*left:0px;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
	line-height:18px;
	text-align:left!important;
}
#landinglink {
	background-color:#198CAF;
	color:#FFFFFF;
}
#landinglink a:link {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:visited {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:hover {color:#F8AE00; text-decoration:none; margin-left:10px;}

#footer_landing {
	position:relative;
	float:right;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:100%;
	margin-top:36px;
}
#footer_landing p {
	margin:10px;
}