/* comienza reset  y base*/

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,
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-weight: inherit;
								font-style: inherit;
								font-size: 100%;
								font-family: inherit;
}

ul, ol {
								list-style:none;
}

html {
								background: #333;
}

body {
								position: relative;
								min-width: 960px;
								max-width: 1380px;
								margin: 0 auto;
								min-height: 800px;
								width:100%;
								line-height: 1;
								color: #000;
								background: #FFF;
								text-align: center;
} 


/*--- termina reset y base ---*/

/*--- comienza principal ---*/


#header #logo {
								position:absolute;
								margin: 1.6em 0 2em 3em;
								text-align:left;
}

ol#main_nav {
								list-style-type: none;
								float: right;
								font: 1.1em Helvetica, Geneva, Verdana, Arial, sans-serif;
								height:46px;
								background: #333;	
}

#navlinks {
								float: right;
								margin: 4em 0 2em 0;
								padding: 0 2.8em 2em 2em;
								background: url(../imgs/degradado_nav.jpg) no-repeat right top;
}

ol#main_nav li {
								float:left;
}

#main_nav strong {
								background: url(../imgs/separadores.gif) no-repeat center left;
								padding:0 1em;
								font-weight: lighter;
}

#main_nav .primero strong {
								background: none;
}

ol#main_nav li a{
								display: block;
								padding:13px 0 12px 0;	
								height:21px;
}


ol#main_nav a  {
								color: #FFF;
								text-decoration: none;
								letter-spacing: 0.1em;
								background: url(../imgs/borde_nav.gif) repeat-x 0 -40px;
}

ol#main_nav a:hover, ol#main_nav a:active, ol#main_nav a:focus {
								height: 38px;
								background: #333 url(../imgs/borde_nav.gif) repeat-x 0 100%;
}

ol#main_nav a.actual{
								height: 38px;
								background: #333 url(../imgs/borde_nav.gif) repeat-x 0 100%;
								cursor:default;	
}

#contenido h1 {
								clear: both;
								font: italic 2.5em Georgia,"Times New Roman", Times, serif;
								padding: 0.8em 0 1em 0;	
								margin: 0.5em 0 0 0;
								background:url(../imgs/borde_cont.gif) repeat-x top left;
}

#contenido h1 strong{
								display:block;
								font-size: 1.2em;
								font-weight: normal;
}

#contenido {
								padding: 2em 3.5em 0 3.5em;
								text-align: left;
								color: #333;
}

#contenido a {
								color: #004C81;
}


#contenido a:hover, #contenido a:active, #contenido a:focus {
								text-decoration: none;
} 

#contenido h2 a:hover, #contenido h2 a:active, #contenido h2 a:focus, #contenido h3 a:hover, #contenido h3 a:active, #contenido h3 a:focus {
								border-bottom:none;
} 

#contenido h2 {
								font: italic 2.5em Georgia,"Times New Roman", Times, serif;
								padding: 4px 1em 4px 2em;
								margin: 0 0 0 -1.4em;
								background: url(../imgs/degradado_titulo.jpg) no-repeat left top;
								height:80px;
}

#contenido h2 a{
								color:#FFF;
								padding: 4px 0.4em 6px 0.3em;
								margin: 0 0 0 -0.8em;
								background: #666;
								text-decoration:none;
}


#contenido_principal {
								float: left;
								padding-right: 17em;
								margin-bottom:6em;
}

#pag_contacto #contenido_principal {
								padding-right: 2em;
}

#acerca #contenido_principal {
								padding-right: 0.5em;
								margin-bottom:6em;
}

#texto_principal p strong {
								font-weight: bold;
								font-variant: small-caps;
}

#texto_principal p:first-child{
								font: italic 1.4em/1.2  Arial, Helvetica, Geneva, Verdana,  sans-serif;
								margin-bottom:1.1em;
								color:#222;
								border-bottom:3px solid #E0E0E0;
								padding-bottom:0.4em;
								padding-top:0.2em;
}

#texto_principal p.p_info	{
								font: italic 1.1em/1.2  Arial, Helvetica, Geneva, Verdana,  sans-serif;
								margin-bottom:1.1em;
								color:#222;
								border-top:3px solid #E0E0E0;
								background:#F5F5F5;
								padding:0.7em 1em 0.7em 1em;
}

#texto_principal p.p_info b	{
								font-size: 1em;
}
#servicios #texto_principal p.p_info {
								margin-top:3em;
}

#texto_principal p b{
								font-weight:bold;
								font-variant: small-caps;
}

#texto_principal p em {
								font: italic 1.5em Georgia,"Times New Roman", Times, serif;
								padding:0.3em 0.8em;
								border: 1px dashed;
								display:block;
								background:#ECECEC;
}

#contenido_principal p a.seguir_leyendo{
								display:block;
								text-align:right;
								margin:0 1em 3em 65%;
								width:11em;
								border-bottom:0;
}


#contenido_principal p, #contenido_principal ul {
								margin: -1em 0 2em 0;
								font: 1em/1.6 Helvetica, Geneva, Verdana, Arial, sans-serif;
}

#contenido_principal ul{
								margin-top:1em;
								margin-bottom:3.3em;
}

#contenido_principal li{
								margin: 1em 0 1em 1.3em;
								list-style-type:circle;
								font-size:0.9em;
	
}

#contenido_principal h4{
								font: italic 1.7em Georgia,"Times New Roman", Times, serif;
								border-bottom:3px solid #E0E0E0;
								padding-bottom:0.2em;
}

#servicios #contenido_principal h4{
								margin-bottom:1em;
								border-bottom:none;
								border-top:3px solid #E0E0E0;
								margin-top:0.4em;
								padding-top:0.6em;

}

#contenido_principal p.serv_g {
								padding:1em 1em;
								background-color:#EDEDED;
								margin-bottom:0;
								border:1px dashed #888;
								font: italic  1em/1.5 Georgia,"Times New Roman", Times, serif;
}

#servicios #contenido_principal p.serv_g b{
								font-variant: small-caps;
								font-weight:bold;
}

/*-------- barra lateral---------- */

#sidebar {
								float: right;
								width:15.2em;
								margin: 0 0 6em -16em;
}

#sidebar h3 {
								font: italic 1.7em Georgia,"Times New Roman", Times, serif;
								padding: 6px 1em 0 1.7em;
								margin: 4px -2.07em 0.1em 0;
								background: url(../imgs/degradado_sub.jpg) no-repeat right top;
								height:75px;
}

#sidebar h3 a {
								color:#FFF;
								padding: 6px 3.2em .26em 0.6em;
								margin: 0 0.5em 0 -2em;
								background: #666;
								text-decoration:none;
}

#sidebar #noticias a{
								padding-right: 5.4em;
}

#sidebar ul {
								margin: -4em 0 2em -0.5em;
								background:#ECECEC;
								padding:1.2em 0 1em 0.7em;
								border-bottom:3px solid #CCC;
								border-right:3px solid #BBB;
}

#sidebar strong {
								font: 1.3em Helvetica, Geneva, Verdana, Arial, sans-serif; 
								margin: 0.8em 0 0.5em 0;
								display: block;
}

#sidebar li {
								font: 0.7em Helvetica, Geneva, Verdana, Arial, sans-serif;
}

#sidebar li span{
								text-transform: capitalize;
}

#footer {
								clear:both;
								margin-top:10em;
								font: 1em Helvetica, Geneva, Verdana, Arial, sans-serif;
								background:#333 url(../imgs/footer.gif) no-repeat center top;
								height:4.3em;
}

#footer_nav {
								padding: 0.8em 0 0 0;
								margin-bottom: 0.2em;
								background:#333;
}

#sub_nav{
								float:left;
								padding-right:3em;
								text-align: left;
}

#sub_nav ul{
								margin-left: 3em;
}

#sub_nav li {
								display: inline;
}

#sub_nav li a {
								border-right: 1px solid #FFF;
								padding:0 1.3em 0 1em;
}

#sub_nav li.primero_sub a{
								padding-right: 1.6em;
}

#sub_nav li.sec1 a {
								padding-right:1.18em;
}


#sub_nav li.sec2 a, #sub_nav li.ultimo a {
								border: none;
}



#footer a {
								font:0.9em Helvetica, Geneva, Verdana, Arial, sans-serif;
								color: #FFF;
								text-decoration:none;
}

#footer a:hover, #footer a:active, #footer a:focus{
								font:0.9em Helvetica, Geneva, Verdana, Arial, sans-serif;
								color: #FFF;
								text-decoration:underline;
								border-bottom:none;
}

#footer p {
								text-align:right;
								padding:1.2em 5em 1.7em 0;
								color:#FFF;
								font: 0.7em Helvetica, Geneva, Verdana, Arial, sans-serif;
	
}

#footer p em {
								display:block;
								font: italic 1.3em Georgia,"Times New Roman", Times, serif;
								margin-bottom:0.4em;
}

#derechos{
								padding:0 0 0 6em;
}


#form_contacto{
								font: italic 1.2em Georgia,"Times New Roman", Times, serif;
}

#form_contacto dd input,#form_contacto dd textarea{
								color:#777;
}

#form_contacto dd input{
								width:40%;
								margin-bottom:0.6em;
								border:1px solid #333;
								font: 0.6em Helvetica, Geneva, Verdana, Arial, sans-serif;
								padding:0.4em 0.4em 0.4em 0.2em;
}

#form_contacto dd input:focus,#form_contacto dd textarea:focus{
								border:1px inset;
}

#form_contacto #correo{
								float:left;
								margin-right:2em;
								width:40%;
}

#form_contacto #email{
								width: 100%;
}

#form_contacto #sitio span{
								color:#004C81;
								font-size:0.8em;
}

#comments{
								width:100%;
								height:10em;
								margin-bottom:0.6em;
								border:1px solid #333;
								padding:0.4em;
								font: 0.7em Helvetica, Geneva, Verdana, Arial, sans-serif;
}

#submit{
								padding:0.5em 0.3em 0.3em 0.3em;
								background:#E0E0E0;
								width:15.9em;
								border:1px solid #004C81;
								font:  0.6em Helvetica, Geneva, Verdana, Arial, sans-serif;
								color:#004C81;
								letter-spacing:0.2em;
								cursor: pointer;								
}

#submit:focus{
								border:1px dashed #004C81;
}

#asunto_c{
								clear: both;
}

div.error{
								color: red;
								font:  0.7em Helvetica, Geneva, Verdana, Arial, sans-serif;
								margin-bottom: 1em;
		
}

#contact{
								margin-bottom: 4em;
}

.enviado{
								font: italic 2em Georgia,"Times New Roman", Times, serif;
								margin:8em 0 15em;
								text-align: center;
								background-color: #004C81;
								color: #FFF;
								padding: 0.4em 0 0.4em;
}

.enviado p{
								margin-top: 0.5em;
								font-size: 0.5em;
}

.oops{
								font: italic 2em Georgia,"Times New Roman", Times, serif;
								margin:8em 0 15em;
								text-align: center;
								background-color: red;
								color: #FFF;
								padding: 0.4em 0 0.4em;
}