/*reset*/

*{margin:  0; padding: 0; border: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{font-size: 18px;}
h2{font-size: 18px;}
h3{font-size: 18px;}
h4{font-size: 18px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

li{list-style: normal;}

a{ text-decoration: none;}

a:hover{text-decoration: none;}

/* ESTILOS GENERALES*/

div#encabezado{
background:url(../img/fondo_banner.jpg);
height:148px;
}
div#encabezado .interior{
background:url(../img/fondo_banner.jpg);
height:148px;
}

/*ESTILOS GENERALES*/
div.interior{
width:810px;
margin:0 auto;
background:#fff
}
div.clearfix{
width: 1px;
height: 1px;
display: block;
clear: both;
content:".";
}

/*ENCABEZADO*/

div#logo{
float:left;
width:233px;
height:148px;
background:url(../img/logo.jpg);
}
div#eslogan h4{
font-family:arial;
color:#fff;
font-size:24px;
font-weight:normal;
}
div#eslogan{
float:right;
margin:80px 0 0 0;
}

/*NAVEGACION*/

div#navegacion{
height:60px;
background:url(../img/barra_menu.jpg);
}
div#navegacion .interior{
width:620px;
margin:0 auto;
background:url(../img/barra_menu.jpg);
}
ul#menu_principal li{
list-style: none;
float:left;
margin:10px 0 0 10px ;
}
ul#menu_principal a{
font-size:16px;
margin:0 auto;
font-family: Century Gothic;
}
ul#menu_principal a:link{
color:#0E50BE;
padding:6px 5px 10px 5px;
}
ul#menu_principal a:visited{
color:#0E50BE;
padding:6px 5px 10px 5px;
}
ul#menu_principal a:hover{
color:#fff;
padding:6px 5px 10px 5px;
background:url(../img/fondo_banner.jpg);
}
ul#menu_principal a:active{
color:#0E50BE;
padding:6px 5px 10px 5px;
}

/*BANNER*/

div#banner{

}
div#img1{
margin:0 auto;
width:766px;
height:105px;
background:url(../img/img1.jpg);
}
div#img2{
margin:0 auto;
width:766px;
height:134px;
background:url(../img/img3.jpg);
}

/*CONTENIDO*/

div#area1{
background:url(../img/imge2.jpg);
width:484px;
height:97px;
margin:0 auto;
}

div#contenido h1{
color:#fff;
height:30px;
width:120px;
background:url(../img/imge1.jpg);
padding:15px 0px 5px 20px;
margin:10px 10px 0px 10px; 
}
div#contenido p{
line-height:18px;
font-family:arial;
font-size:14px;
margin:10px 10px 5px 20px; 
}
h6{
font-size:40px;
font-famili:arial;
margin:10px 10px 5px 20px; 
}
div#area2 li{
list-style: normal;
line-height:18px;
font-family:arial;
font-size:12px;
margin:10px 10px 5px 50px; 
}

/*PRINCIPAL*/

div#principal{
float:left;
width:570px;
}
div#campo1{
font-size:40px;
font-family: Century Gothic;
margin:40px 0 50px 20px;
color:#0347BB
}
div#img3{
width:556px;
margin:0 0 0 20px;
height:263px;
background:url(../img/img2.jpg);
}

/*SECUNDARIO*/

div#direc p{
font-size:12px;
font-family:arial;
}
div#secundario{
float:right;
width:197px;
margin:20px 0 0 0;
}
div#img4{
float:left;
width:29px;
height:25px;
background:url(../img/ico_noticia.jpg);
}
div#img5{
float:left;
width:29px;
height:25px;
background:url(../img/ico_servicio.jpg);
}
div#texto1{
font-family: Century Gothic;
color:#225DC3;
font-size:18px;
padding:5px;
}
div#texto2{
list-style: none;
line-height:16px;
margin:5px 0 10px 0;
width:172px;
font-size:12px;
font-family: Century Gothic;
padding:10px;
background:url(../img/img4.jpg);
}
div#texto2 a{
color:#6F6F70;
}
div#texto2 li{
list-style: none;}

/*FOOTER*/

div#footer .interior{
height:48px;
padding:20px 0 0 0;
background:url(../img/barra_menu2.jpg);
}
div#footer{
color:#0448BB;
font-size:14px;
font-family: Century Gothic;
height:48px;
background:url(../img/barra_menu2.jpg);
}
div#footer a:link{
color:#0448BB;
}
div#footer a:active{
color:#0448BB;
}
div#footer a:hover{
text-decoration:underline;
color:#0448BB;
}
div#footer a:visited{
color:#0448BB;
}

/*FORMULARIO*/

.fxform{margin:20px 50px 0;padding:0 0 20px;
_margin:20px 30px 0;padding:0 0 20px;}

.fxform fieldset{border:none;margin:0 0 7px;padding:0 0 10px;}

.fxform legend{line-height:100%;text-transform:uppercase;font-family:Lucida Grande,Tahoma,Arial,Verdana,sans-serif;font-size:9pt;font-weight:700;color:#555;margin-bottom:10px;padding:0;}

.fxform fieldset div{position:relative;margin-top:1px;padding:10px 5px 8px 9px;}

.fxform label{color:#222;font-size:95%;font-weight:700;margin-right:10px;}

.fxform .guideline{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #E6E6E6;color:#444;font-size:80%;left:100%;line-height:130%;position:absolute;top:0;visibility:hidden;width:42%;z-index:1000;margin:0 0 0 8px;padding:8px 10px 9px;}

.fxform input[type=text],.fxform input[type=password],.fxform select,.fxform textarea{height:22px;font-size:11pt;margin-top:5px;background:#FFF url(/images/shadow.gif) repeat-x scroll center top;color:#333;width:350px;border-color:#7C7C7C #c3c3c3 #ddd;border-style:solid;border-width:1px;
}
.fxform input[type=text]{
_height:22px;
_font-size:11pt;
_margin-top:5px;
_background:#000;
_color:#000;
_width:350px;
_border-color:#000;
_border-style:solid;
_border-width:1px;
}
.fxform input[id=nombre]{
_background:#f4f4f4;
margin:0 0 0 10px;
}
.fxform input[id=asunto]{
_background:#f4f4f4;
margin:0 0 0 17px;
}
.fxform input[id=email]{
_background:#f4f4f4;
margin:0 0 0 25px;
#margin:0 0 0 28px;
}
.fxform input[type=submit],.fxform input[type=button]{color:#666;background:#e4e4e4;text-align:center;border-color:#c3c3c3;border-style:solid;}

.fxform .choice{color:#444;display:block;font-size:100%;line-height:1.4em;margin:-25px 0 0 20px;padding:4px 0 5px;}

.fxform ul{list-style:none;padding:5px 0 0 10px;}

.fxform .error{color:red;}

.fxform .errorField{border:1px solid red!important;}

.fxform fieldset div:hover{background-color:#fff7c0;
*background-color:#fff;}

.fxform div:hover .guideline,form div:focus .guideline{visibility:visible;}

.editor div{margin:0!important;padding:0!important;}

#texto {height:150px;width:500px;}