body {
	margin: auto;
	width: 750px;
	background: #8FABBE url("http://www.clarosol.es/img/fondo.gif") repeat;
        text-align: center;
	margin-top: 5px;
/*	margin-bottom: 8px; */
	font-family : Verdana, Arial,Helvetica, Verdana, sans-serif;
	font-size : 0.88em;
      } 


a:link { 
 color: #333399; 
 font-size: 10px; 
 border-bottom: 0px;
 text-decoration: none; 
}

a:visited { 
 color: #333399; 
 font-size: 10px; 
 text-decoration: none; 
}

a:active { 
 color: #333399; 
 font-size: 10px; 
 text-decoration: none; 
 border-bottom: 0px;
}

a:hover { 
 color: #CC0000; 
 font-size: 10px; 
 text-decoration: underline;
}

h1      {
	margin-top: 35px;
	margin-bottom: 0px;
	font-family : sans-serif, Verdana, Arial, Helvetica, Verdana ;
	font-size : 1.1em;
}

h2      {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family : Verdana, Arial, Helvetica, Verdana, sans-serif;
	font-size : 0.8em;
}

h4      {
	margin-top: 10px;
	margin-bottom: 5px;
	font-family : sans-serif, Verdana, Arial, Helvetica, Verdana ;
	font-size : 1.0em;
	border-bottom: 1px solid #CCC; 
}

h5      {
	margin-top: 10px;
	margin-bottom: 5px;
	font-family : sans-serif, Verdana, Arial, Helvetica, Verdana ;
	font-size : 1.0em;
}


#head h1  a{
	top: 0px;
	display: block; 
	margin-bottom: 5px ;
/*	padding: 30px 0 0 0; */
	overflow: hidden;
	background-image: url(http://www.clarosol.es/img/csol-logo-nuevo copia-peq.jpg);
	width: 240px;
	background-repeat: no-repeat;
	margin-left:20px ;
	height: 75px ;

}

#head {  
	top: 0px; 
	height: 0px;
	margin-top: 5px ;
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #CCC; 
	background-repeat: no-repeat;
	background-position: top left;
}



#nav {
	width: 100%;
/*	background-color: #F0F8FF; */
	position: absolute;
	text-align: right;
	top: 0px; 
	right: 0px;
        margin-top: 0px;
/*        border-bottom: 1px solid #CCC; */
}


#nav li { float: right; margin:0 ; font-weight : bold; margin-right: 5px; padding:5px; list-style-type:none; text-align: right; }

#nav li {margin-right: 0px; }

html>body #nav li {margin-right: 0px;}

#nav a {  float:left; } 


p {
    margin: 10px 5px 5px 5px;
    font-size: 0.90em;
}


#container {
	text-align: left;
	width:760px;
	background-color: #fff;
	border-left: 2px solid #004190;
	border-top: 2px solid #004190;
	border-right: 2px solid #004190;
	margin-top: 5px;
/*	height:1500px; */
	height:100%;
 }

#containerp {
	text-align: left;
	width:760px;
	background-color: #fff;
	border-left: 2px solid #004190;
	border-top: 2px solid #004190;
	border-right: 2px solid #004190;
	margin-top: 5px;
	height:1050px;
 }

#containerprev {
	text-align: left;
	width:760px;
	background-color: #fff;
	border-left: 2px solid #004190;
	border-top: 2px solid #004190;
	border-right: 2px solid #004190;
	margin-top: 5px;
	height:2000px;
 }

#content {

 	float: right; 
	text-align: left;
	margin-left: 10px; 
 	width: 195px; 
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 5px;
}

#contentderecha {


	margin-right: 0px;
	margin-top: 0px;
	margin-left: 5px;
	height: 715px;
}

#caja {
background-position: top;
background-color: #FFFAF0;
/* height: 1500px; */
height: 100%;
padding: 10px 10px 10px 10px; 
margin-top: 10px;
margin-bottom: 10px;
border-left: 1px solid #004190;
border-top: 1px solid #004190;
border-right: 1px solid #004190;
}


#right {
	float: left;
	width: 66%;
	background-color: #ffffff;
	margin-top: 15px;
	margin-left:15px;
	margin-right:15px;
}




div#banner { 
	position: absolute;
	margin-left:270px;
	margin-top:5px; 
	left:0; 
	width:470px; 
	margin-top:5px; 
	height:inherit; 
	font-size: 0.88em; 
}

div#pie { 
    float: right;
    width: 760px;
    float: right;
    text-align: center;
    background-color: #F6F5F5;
}


#foot {
    clear: both;
    text-align: center;
    border-top: 1px solid #CCC;
    font-size: x-small;
    padding: 5px 0px 5px 0px;
}


.negrita	{
  font-weight : bold; 
    font-size: 0.80em;
    color: #666666 ;
}


img cabecera {
	margin: 5px 5px 5px 5px;
}