/*============================================
	  
	Cliente  : Clicksun 
	Fecha    : Octubre - 2007 
	 
	Colores  : #424242 // texto
			 : #cc230f // rojo clicksun
			 : #efeeee // gris fondos
	
	Fuentes  : Trebuchet MS // Texto
			 : Georgia // Titulos		
			  
=============================================*/


/*********************************************
               LAYOUT
**********************************************/

*,html{margin:0; padding:0;}

body  {
	font: 100% "Trebuchet MS", Arial, sans-serif;
	background: #fff ;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #424242;
}
.clicksun_Web #container { 
	width: 950px; 
	margin: 0 auto;
	text-align: left;
} 
.clicksun_Web #top {
	height:114px;
	background-color:#efeeee;
	padding: 0 0 0 0;  
} 

.clicksun_Web #idioma{
	background-color:#efeeee;
	padding-left:762px;
	width:170px;
	margin-bottom:-40px;
	padding-bottom:0;}
	.clicksun_Web #idioma a:link, .clicksun_Web #idioma a:visited{color:#999; font-size:75%;}
	.clicksun_Web #idioma a:hover, .clicksun_Web #idioma a.selec{border-bottom:1px #424242 dotted; color:#424242;
}

/************ NAVEGACIÓN  ******************/
	
	#nav {
		/*padding-left:14px;
		width:936px;*/
		text-align:center;
		margin-top:0;
		width:950px;
		height:26px;
		background:url(../img/bg_nav.jpg) repeat-x 0 0;
	}
    #nav li {
		display:inline;
		margin:0;
		padding:0;
	}
    #nav a {
		text-align:center;
		width:auto;
		margin-left:5px;
		padding:0;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-size:.8em;
    }
	
    #nav a:hover  {
		color:#000;
    }
	
	#nav a.select {
		color:#000;
	}





/***********************************************/

.clicksun_Web #sidebarDer {
	float: left; 
	width: 200px;
	margin-left:30px;
	padding: 23px 0 15px 0px; 
}


.clicksun_Web #main { 
	float: left;
	width:707px;
	padding: 23px 0 0 0 ; 
} 

	.clicksun_Web #main .bloque, .clicksun_Web #main .bloqueleft {
		float:left;
		width:345px;
		height:120px;
		margin-bottom:11px;
		border-bottom:1px #ccc dotted;
	}
	
	
	.clicksun_Web #main .bloque p, .clicksun_Web #main .bloqueleft p {
		margin-left:196px;
	}
	
		
	.clicksun_Web #main .lastbloque {
		float:left;
		width:100%;
		height:120px;
		margin-bottom:11px;
	}
	
	.clicksun_Web #main .bloqueleft {
		margin-right:17px;
	}

.clicksun_Web #pie {
	border-top:1px #ccc dotted;
	width:707px; 
	padding:0;
	padding-top:15px;
	text-align:center;
} 
.clicksun_Web #pie p {
	color:#424242;
	margin:0; 
	padding:0 0 50px 0;
	font-size:70%;
}
	
#pieIndex {
	/*position:relative;*/
	top:10px;
}	

	
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.clicksun_Web #main .noLine, .clicksun_Web #main .noLine{
	border-bottom:none;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***********************************************/
				/* LINKS */

a{text-decoration:none;}


#main a:link, #main a:visited{
	color:#424242;
}

#volver{margin-bottom:15px;}
#volver a{
	text-decoration:underline;
}
#volver a:hover{
	text-decoration:none;
}

ul.lista li a:link, ul.lista li a:visited{
	color:#cc230f;
}
ul.lista li a:hover{
	color:#000;
}

.clicksun_Web #pie p a:link,
.clicksun_Web #pie p a:visited {
	color:#424242;
}
.clicksun_Web #pie p a:hover {
	border-bottom:1px #424242 solid;
}



#main > h3.titular{
	margin-top:15px;
}

h3.titular{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
h3.titular a{
	cursor:pointer;
	text-decoration:underline;
}
h3.titular a:hover{
	cursor:pointer;
	text-decoration:none;
}
p.fecha{
	margin-bottom:-15px;
	font-size:65%;
}





				/* CABECERAS */
.clicksun_Web #sidebarDer h4{
	font-weight:bold;
	height:23px;
	padding:2px 0 2px 0px;
	border-top:1px #ccc dotted;
	border-bottom:1px #ccc dotted;
}

.clicksun_Web #sidebarDer h4.contactoH4{
	margin-top:27px;
}
	.clicksun_Web #sidebarDer h4 span{
		display:block;
		padding-left:5px;
		background-color:#efeeee;
	}

#main p.interior + h2{
	margin-top:50px;
}

#main h2,#main h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:1px #ccc dotted;
	text-transform:lowercase;
}
#main h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	font-weight:normal;
	margin-bottom:10px;
	 
}

 
#main h5, #main h1 + h4{
	font-weight:normal;
	padding-top:5px;
	padding-bottom:14px;
}

				/* PARRAFOS */
p{
	font-size:75%;
	line-height:12pt;
}

#main h2 + p.interior{
	margin-top:25px;
}

#main p.interior{
	font-size:80%;
	line-height:14pt;
	margin-bottom:10pt;
}

#main p.interior a:link{
	text-decoration:underline;
	font-weight:bold;
}
#main p.interior a:hover{
	text-decoration:none;
}

strong{
	color:#cc230f;
}

#frase{
	color:#cc230f;
	float:right;
	margin-right:32px;
	margin-top:89px;
	_margin-right:15px;
}
				/* LISTAS */
			
ul.lista{
	list-style:none;
	padding:0;
	width:200px;
}

ul.lista li{
	list-style-image:url(../img/bullet.gif);
	list-style-position:inside;
	color:#cc230f;
	font-size:85%;
	line-height:20pt;
	padding-left:5px;
	border-bottom:1px #ccc dotted;
}

#main ul, #main dl{
	list-style:none;
	padding:0 0 0 25px;
	margin:0;
}
#main dl{
		margin-bottom:20px;
		padding:0;
}
#main dl dt{
		color:#cc230f;
		font-size:85%;
		margin-top:10px;
}
#main dl dd{
	padding:0 0 0 25px;
	list-style-image:url(../img/bullet2.gif);
	list-style-position:outside;
	line-height:15pt;
	font-size:80%;
}

#main ul li{
	list-style-image:url(../img/bullet2.gif);
	list-style-position:outside;
	line-height:20pt;
	font-size:80%;
}
	
				/* IMAGENES */

.clicksun_Web #top #logo {
	padding: 37px 0 0 5px;  
}
#main h5 + img{
	margin-bottom:25px;
}
.clicksun_Web #main .bloque img, 
.clicksun_Web #main .bloqueleft img, 
.clicksun_Web #main .lastbloque img{
	padding:2px;
	border:1px #eee solid;
}

.banner{
	margin-bottom:25px;
}

/*********************************************
               FORMULARIOS
**********************************************/

	#formulario {
		padding:0 0 0 5px;
		font-family: "Trebuchet MS", Arial, san-serif; 
		color: #424242; 
		padding-top:10px;
		width: auto;
		text-align:left;
	}
	
	#formulario	label{
		color:#cc230f;
		display: block;
		float: left;
		width: 67px;
		font-size:0.7em;
	}
	
	#formulario	input, #formulario	textarea{
		display: block;
		width: 125px;;
		float: left;
		font-size:0.9em;
		border-top:2px solid #e3ddd0;
		border-left:2px solid #e3ddd0;
		border-bottom:1px solid #e3ddd0;
		border-right:1px solid #e3ddd0;
	}
	#formulario	textarea{
		font-family: "Trebuchet MS", Arial, san-serif; 
		font-size:0.8em;
		height:51px;
	}
	
	#formulario btn{
		width: 57px;
		float:right;
		border:0;
	}
	
	
	#formulario br {
		clear: left;
	}

	#formulario p.linea{
		margin-bottom:5px;
		padding:0;
		line-height:5pt;
		border-bottom:1px #ccc dotted;
	}
		
	#formulario p.interior{
		margin-top:15px;
	}
	
	#formulario label.newsleter{ width:122px; float:left}
	#formulario label.cond{ width:164px; float:left;}

	input#newsletter,
	input#cond{
		margin-left:15px;
		width:auto;
	}
	input#newsletter{
		margin-left:57px;
	}

/*********************************************/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */