html{height: 100%;
scrollbar-face-color:#cccccc;
scrollbar-base-color:#f0f0f0;
scrollbar-arrow-color:black;
scrollbar-track-color:#f0f0f0;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#fefefe;
scrollbar-darkshadow-Color:#808080;
}



body{
margin:0;
padding:0;
line-height: 1.5em;
background: #295D82 url(images/bg-contenido.png);
font: normal 100%  Arial;
color: #ffffff;
}

a{outline: none;
color: #80C8E0;}


p{
line-height: 0.98em;
}
br{
line-height: 0.98em;
}
b{
font: bold 100% arial;
color: white;}
em{color: red;}



#topsection{
height: 85px; /*Height of top section*/
border-bottom: 2px solid #885b5c;
background: #fff;
}

#topsection h1{
margin: 0;
padding-top: 15px;
color: #000;
}

#botonera
{ background: #686868 url(images/botonera.jpg) repeat;
  width: 100%;
  border-top: 1px solid #7D7D7D;
  height: 30px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
background: #fff url(images/botonera.jpg) repeat;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 25px;
  text-decoration: none; 
  padding: 5px 15px 0px 15px;
  text-align: center;
  border-right: 1px solid #7D7D7D;
  background: transparent;
  color: #000;
} 

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover
{ background: transparent;
  color: #fff;
}

#maincontainer{
margin:auto; 
outline: none;
}

#contenidogeneral{
border-left: 1px solid #80C8E0;
border-right: 1px solid #80C8E0;
border-bottom: 1px solid #80C8E0;
width: 445px;
height: auto;
margin-left: auto;
margin-right: auto;
clear:both; 
font: normal 90% arial;
}
#contenidogeneral a{
color: #80C8E0;
}

#contenidoserv{
width: 445px;
height: auto;
margin-left: auto;
margin-right: auto;
clear:both; 
font: normal 70% tahoma;
text-align: justify;
}
#contenidoserv b{
font: bold 60% tahoma;
color: white;
}

#tituloserv{
background: #20587F;
width: 100%;
height: 120px;
align: center;
border-bottom: 2px solid #80C8E0;
border-top: 2px solid #80C8E0;
color: #fff;
font: bold 160% tahoma, sans-serif;
}

}
#contentwrapper a{
color: #FFF;
}
#contentwrapper{
float: left;
width: 100%;
font-family: normal 100% arial, sans-serif;
}
#celda{
background: #CEF5FF;
width: 100%;
align: center;
border-bottom: 2px solid #80C8E0;
border-top: 2px solid #80C8E0;
color: #000;
font-family: normal 100% arial, sans-serif;
}

#celda2{
line-height: 0.98em;
background: #FB5200;
width: 100%;
height: 100px;
text-align: center;
border-bottom: 2px solid #ff0000;
border-top: 2px solid #ff0000;
margin-top: 10px;
padding-bottom: 0px;
color: white;
text-decoration: none; 
}

#celda2 a{
color: #f0f0ff;
outline: none;
text-decoration: none; 
font: bold 95% arial, sans-serif;
}

#celda2 h1{
font: bold 110% arial;
margin-top: -5px;
margin-bottom: 5px;
}

#celda3{
background: #CC99FF;
width: 100%;
height: 180px;
text-align: justify;
margin-top: 10px;
border-bottom: 2px solid #ff0000;
border-top: 2px solid #ff0000;
color: white;
font: bold 100%  Arial;
}

#celda4{
background: #000;
width: 100%;
height: 150px;
text-align: center;
margin-bottom: 10px;
border-bottom: 2px solid #00FF00;
border-top: 2px solid #00FF00;
color: #B2D66A;
font: bold 100%  Arial;
}
#celda4 a{
color: #f0f0ff;
outline: none;
text-decoration: none; 
font: bold 100% arial, sans-serif;
}


#celda5{
background: #EAA732;
width: 100%;
height: 120px;
text-align: center;
padding-top: 20px;
border-bottom: 2px solid #FF9224;
border-top: 2px solid #FF9224;
color: white;
font: bold 100%  Arial;
}
#celda5 a{
color: #FFFF00;
outline: none;
text-decoration: none; 
font: bold 100% comic sans Ms;
}

#celda6{
background: #800000;
width: 100%;
height: 110px;
text-align: center;
border-bottom: 2px solid #D50000;
border-top: 2px solid #D50000;
margin-top: 10px;
color: white;
font: normal 100% arial, sans-serif;
text-decoration: none; 
line-height: 1.70em;
}

#celda6 a{
color: #f0f0ff;
text-decoration: none; 
font: bold 100% arial, sans-serif;
}

#celda7{
background: #fff;
width: 100%;
height: 150px;
text-align: center;
border-bottom: 2px solid #E3B697;
border-top: 2px solid #E3B697;
margin-top: 10px;
color: white;
font: normal 100% arial, sans-serif;
text-decoration: none; 
}

#celda7 a{
color: #E3B697;
outline: none;
text-decoration: none; 
font: bold 100% arial, sans-serif;
}

#celda8{
background: #FB5200;
width: 100%;
text-align: center;
border-bottom: 2px solid #ff0000;
border-top: 2px solid #ff0000;
margin-top: 10px;
color: white;
font: normal 100% arial, sans-serif;
text-decoration: none; 
}

#celda8 a{
color: #f0f0ff;
outline: none;
text-decoration: none; 
font: bold 95% arial, sans-serif;
}

#celda9{
background: #800000;
width: 100%;
text-align: center;
border-bottom: 2px solid #ff0000;
border-top: 2px solid #ff0000;
margin-top: 10px;
color: white;
font: normal 70% arial, sans-serif;
text-decoration: none; 
}

#celda9 a{
color: #f0f0ff;
outline: none;
text-decoration: none; 
font: bold 100% arial, sans-serif;
}

#celda10{
background: #80C8E0;
width: 100%;
text-align: center;
margin-bottom: 10px;
border-bottom: 2px solid #80C8E0;
border-top: 2px solid #80C8E0;
color: #fff;
font: bold 100%  Arial;
}

#contentcolumn{
margin: 0 20% 0 21%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
color: #FFF;
}
.condiciones {
text-align: justify;
font: normal 70% 'tahoma', 'verdana', 'arial';
} 
.condiciones p{
line-height: 0.90em;
}

//menu//
#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 98%;
text-align: left;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align: left;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 90%; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
text-align: left;
}

* html #ddblueblockmenu li a{ /*IE only */
width: auto; /*IE 5*/
w\idth: 90%; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align: left;
}
.titulomenu{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 6px;
background-color: black;
font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align: left;
}

#leftcolumn{
float: left;
height: auto;
width: 21%; /*Width of left column in percentage*/
margin-left: -100%;
}

#rightcolumn{
float: left;
width: 20%; /*Width of right column in pixels*/
margin-left: -20%; /*Set margin to that of -(RightColumnWidth)*/
background: #FDE95E url(images/menu-derecho.jpg);
}
.altura{
line-height: 0.10em;
margin: 0px;
padding: 2px 0px 2px 0px;
font-family: arial, sans-serif;
}
.imagen{
border: 2px dotted gray;
margin-left:10px;
margin-bottom:10px;
}

#pie{
clear: left;
width: 100%;
background: black;
color: #cvcccc;
text-align: center;
padding: 10px 0 10px 0;
font: 70% normal 'verdana', 'arial', 'tahoma';
height: 95px;
}

#pie a:link{
color: #cvcccc;
text-decoration: none;
}

#pie a:visited{
color: #00ff00;
text-decoration: none;
}
#pie a:hover{
color: #ff00ff;
text-decoration: none;
}

#pie a:active{
color: #ffff00;
text-decoration: none;
}

#pie img{
margin-right: 10px;
margin-bottom: 10px;
border-style: none;
}

#publica img{
text-decoration:none;
outline: none;
border-style: none;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3%;
}

//formulario//

#myform{
color: #fff;
font: normal 70%  verdana;
}

#myform a{
color: #808080;
}
#myform div.menutitle2{
color: #295D82;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #80C8E0;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
.cssform p{
width: 70%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 30%; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -30%; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 220px;
height: 150px;
margin-left: 0%; /*width of left column*/
}

.cssform select{
width: 225px;
margin-left: 0%; /*width of left column*/
font-family: verdana; 
font-size: 10px; 
color: #295D82; 
background-color: white;
border: #000099; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif);
}

#myform .campo {
border: 1px solid #999;
padding: 0.3em;
font-size: 0.98em;}

#myform .error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 0.98em;}
#form .com {
border: 1px solid #999;
padding: 0.3em;
font-size: 0.98em;
width:20em;
height: 5em;
font: 1em Lucida, 'Trebuchet MS', verdana, sans-serif;}

#myform .com-error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 1.2em;
width:20em;
height: 10em;
font: 1em Lucida, 'Trebuchet MS', verdana, sans-serif;}

#myform .boton {
border: 1px solid #999;
padding: 0.3em;
font-size: 1em;
width: 4em;}

#error {
border: 1px dashed #f00;
background-color: #efefef;
padding: 5px;
color: #000;
}

#ok {
border: 1px dashed #000;
background-color:#efefef;
padding: 5px;
color:#000;}