*{ margin:0; padding:0;}
body { 
margin: 0px; 
padding: 0px; 
text-align: left;
background-color : #8097C5; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: #0066CC; }

a:hover, a:active {
font-weight: bold;
text-decoration: underline;
color: #CC0000; }
a:active{  outline: none;}
a:focus {outline-width: 0px;}

.nowrap { white-space:nowrap; }
p { 
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1em;
color: #333;
margin: 0px 0px 14px 0px; }
li { 
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
text-align:left;
font-size: 0.9em;
color: #444;
margin: 0px 0px 0px 0px; }

.clear { clear: both; }

a img {
border: 0px none;
display: block;	
outline: 0;
}
div > p {  margin-top: 0;}

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.2em; 
font-weight:normal; 
color: #CC3300; 
font-weight:normal; 
margin:14px 0 8px 0; }
h2 { 
font-family: Georgia, "Times New Roman", Times, serif;  
font-size: 1.1em; 
font-weight:normal; 
color: #222; 
font-weight:normal; 
margin:14px 0 8px 0;
}
h3 { 
font-family: Georgia, "Times New Roman", Times, serif;  
font-size: 1em; font-weight:bold; 
color: #003399; 
font-weight: bold; 
margin:14px 0 8px 0; }
h4 { 
font-family: Georgia, "Times New Roman", Times, serif;  
font-size: 1em; 
font-weight:normal; 
color: #222; 
font-weight:normal; 
margin:14px 0 8px 0; }
h5 { 
font-family: Georgia, "Times New Roman", Times, serif;  
font-size: 0.8em; 
font-weight:normal; 
color: #222; 
font-weight:normal; 
margin:14px 0 8px 0; }
.top {
width: 770px;
margin: 0 auto;
height: 140px;
background-image : url(../imgs/bg_top.jpg); 
background-repeat: repeat-x;
background-position: 0 0;
}
.title {
margin: 0px auto;
padding:0;
width: 100%;
background-image : url(../imgs/logo.jpg); 
background-repeat: no-repeat;
background-position: 0 0;
height:135px;
}
.title a{
color: #003366;
font-weight:normal;
text-align:center;
padding:0px 0 0 0;
margin:0;
text-decoration:none;}
.title h1 {
color: #003366;
font: normal 2em Georgia, "Times New Roman", Times, serif;
text-align:center;
padding:0px 0 0 0;
margin:0;
}
.title h2 {
color: #333;
font: normal 1.4em Georgia, "Times New Roman", Times, serif;
text-align:center;
padding:30px 0 0 0;
margin:0;
}
.contenedor {
width: 730px;
margin:0px auto;
padding:0 20px;
text-align: center;
background-color: #FFFFFF;
overflow:hidden;
}
.bg_lg{
background-image: url(../imgs/bg_logo.gif);
background-position: center;
background-repeat:no-repeat;
height: 270px;
}
.contfooter{
width: 730px;
margin:0px auto;
padding:0 20px;
text-align: center;
background-color: #FFFFFF;}
.contenedor_izq {
width: 430px;
margin:10px 20px 0 0;
float:left;
}
.conlogo{  
background-image : url(../imgs/cpso_l.gif); 
background-repeat: no-repeat;
background-position: 0 0;
margin-top:20px;}
.conlogo h2{  padding: 10px 0 0 60px;}
.conlogo span {  padding-left: 64px;}
.caja_izq { 
float:left;
padding:0 0 10px 25px;
width: 390px;
font-size:0.9em;
text-align: left;
margin:10px 0 20px 0;
}
.caja_izq p, .caja_izq form{ 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
color: #333;

}
.caja_izq p{ text-align: justify;}
.contenedor_dcha {
width: 270px;
margin:20px 0px 0px 10px;
float:right;

}
.caja_dr {}

.caja_dcha {
	width: 270px;
	text-align: left;
	margin:0 0 30px 0;
}
.caja_dcha p { 
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 0.8em;
color: #666;
text-align: left;
}
.caja_dcha h1 {
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size:1.4em;
font-weight:bold;
color: #4F6DAC;
font-weight:normal;
margin:0px;
font-weight:bold;
letter-spacing:1px;
padding:0;
}
.caja_dcha li{font-size: 80%;}
.caja_dcha ul, .caja_dcha_pedir ul{list-style:none;}

.head { font-family: Georgia, "Times New Roman", Times, serif;  font-size: 1.8em; font-weight:normal;}
.caja_dr h2{
	font-size: 1.4em;
	/*color:#49A056;*/
}
.espe_intro {
line-height: 1.2em;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
width: 310px;	
}
.small { 
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 0.9em;
color: #777;
font-weight: normal; 
}
.sub2{ font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1.2em; color: #41598D; font-weight: bold;}
.subhead {   font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1.4em; color: #41598D; font-weight:normal; }
.subcontacto{ font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1.2em; color: #41598D; font-weight:normal;}
.contacto{
padding: 0 0 0 50px;}
.visitas {   font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1.2em; color: #000000; font-weight:normal; letter-spacing: 1px; }
.txtvisitas { 
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 0.86em;
color: #333;
font-weight: normal;
text-transform:uppercase; }

.caja_izq h2 {
padding-bottom: 4px;
margin-bottom: 20px;
font-variant:small-caps;
}
.caja_dcha h3{  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 1.1em; color: #41598D; font-weight:normal;}


.footer { 
color: #666;
padding: 5px 0px 20px 0px;
text-align: center;
margin: 0 auto;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size: 0.8em;
overflow:hidden;
}
.footleft { 
margin: 10px 12px 20px 10px;
float:left;
width: 210px;
height: 60px;
text-align: left;
}
.footcenter { 
margin: 10px 12px 20px 12px;
float:left;
width: 220px;
height: 60px;
text-align: center;
}
.footright { 
margin: 10px 10px 20px 12px;
float:right;
width: 210px;
height: 60px;
text-align: right;
}

/*menu*/

ul#nav{
list-style:none;
margin:20px 20px 20px 0;
}
.linea_ultop{border-top:1px solid #ddd;}
#nav li, ul#nav li a{
width:240px;
line-height:32px;
display:block;
font-size: 1em;
}
ul#nav li a{
border-bottom:1px solid #ddd;
text-decoration:none;
text-indent:20px;
font-weight:bold;
color:#333333;
}
ul#nav li a span{
float:left;
height:24px;
width:6px;
margin:4px;
background-color:#C6D0E5;
}
ul#nav li a:hover{
background-color:#003366;
color:#fff;
}
ul#nav li a:hover span{
background-color:#c6d0e5;
}



.espe {
padding: 0 0 0 10px;
line-height: 1.4em;
}
.espe li{
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-size: 0.9em;}
.ventajas{
padding: 0 0 0 40px;
margin-bottom: 40px;
}
.ventajas li{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
color: #333;
text-align:justify;
}

.contacto img {border:1px solid #666;}
.caja_izq fieldset{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #333;
	border: 1px solid #0066cc;/*#80C58B*/
	padding:10px;
	margin-bottom:20px; padding-bottom:20px;
}
fieldset, label, legend,  form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.caja_izq textarea, .caja_izq input, .caja_izq select{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 80%;
	color: #333;
}
label {
	margin-top: 10px;
	display: block;
	color:#466199;
	font-size:90%;
	padding:5px 0px;
	font-style:italic;
}
legend{
	color:#0066cc;
}
fieldset input {
	display: block;
	width: 350px;
	padding:2px 1px;
}
textarea {width: 350px;height: 120px;}
.submit{ padding:5px 20px; margin: 20px 0 10px; float:right; font-size:1em !important; letter-spacing:1px;}

.caja_dcha_pedir {
	width: 260px;
	height:45px;
	text-align: left;
	margin:0px 0 20px 0;
	border-top: 2px solid #c30;
	padding: 8px 0 5px 10px;
	background-image:url(../imgs/filigrana.gif);
	background-position: 0px 33px;
	background-repeat:no-repeat;
	}

.comopedir{
	padding:0px;
	font-size: 1.2em; 
}
.comopedir li a{
	text-decoration:none;
	color:#CC3300;
	padding:3px 0 20px 0px;
	font-weight:normal;
	height:40px;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	
}
.comopedir li a:hover span{
	color: #333;
}
