/*Hoja de estilos interna */
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;
vertical-align: baseline
}
:focus {outline: 0}
ol, ul {list-style: none}
body {
line-height: 1.4;
font-size: 85%;
font-family: arial, verdana, sans-serif;
color: black;
background: #010713;
margin: 0;
padding: 0;
text-align: left
}
h2 {
font-size:160%;
border-bottom: 1px solid #0CB1F5;
padding-bottom: .4em;
margin-bottom: .9em;
}
h3 {font-size: 130%; margin-bottom: .6em;}
a {outline: 0}
a img {border: 0px; text-decoration: none}
a:link, a:visited {color: #00A5F8; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
p {
margin-bottom: 1.2em;
line-height: 1.4
}
strong, b {font-weight: bold}
em, i {font-style: italic}
hr {
border: 0;
color: #497C00;
background-color: #497C00;
height: 1px;
margin: 2em 0;
}
.img {display: block; margin-bottom: 1.5em;}
.central {width: 950px; overflow: hidden; margin: 0 auto;}
#header {
background: #010E1F url('../images/superior.jpg') repeat-x;
color: #fff;
height: 73px;
line-height: 73px;
border-bottom: 1px solid #1A4065;
}
#header .central {overflow: visible}
#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
#logo {float: left; margin: 10px 0 0 0; height: 47px;}
#menu {margin: 20px 0 0 0; float: right; list-style: none;}
#menu li {float: left; margin: 0 0 0 10px; padding: 0; background: none; position: relative;}
#menu ul {
position: absolute;
overflow: hidden;
width: 230px;
top: 10px;
left: 0;
z-index: 999;
display: none;
}
#menu li:hover ul {display: none;}
#menu ul li {
float: none;
margin: 0;
position: static;
border-bottom: 1px solid #1F4469
}
#menu ul li a:link, #menu ul li a:visited {
color: #fff;
font-weight: normal;
display: block;
padding: .55em .9em;
}
#menu ul li a:hover, #menu ul li a:active {
text-decoration: none;
background: #1F4469;
}
#body {background: #fff bottom; padding: 30px 0 17px 0;}
.principal #body {background: #fff;}
#superior01 {
background: #010204 url('../images/intermedio2.jpg') repeat-x top center;
height: 280px;
color: #fff;
font-size: 128.57%;
}
#superior01 p {width: 390px; margin-bottom: 1em;}
#superior01 strong {display: block; color:#CCCCCC; font-size: 1.1em;}
#superior01 .titular {font-weight: bold; font-size:20px; color: #FFFFFF;}
#superior01 .quote {position: absolute; right: 10px; top: 207px;}
#superior01 .central {padding: 40px 0 30px 550px; width: 525px; height: 205px; position: relative;}
/* ulti */
#ulti {
background: #EDF2F6;
border-top: 1px solid #f3f3f3;
}
#ulti ul {
list-style: none;
overflow: hidden;
height: 1%;
padding: 10px 0 10px 120px;
width: 890px;
background: url('../images/ultimos.jpg') no-repeat left center;
}
#ulti ul li {float: left; margin: 0 18px 0 0; padding: 0; background: none;}
#ulti ul li img {border: 2px solid #e9e9e9;}
#alam {
background: #81C01A url('../images/fondo-verde.jpg') repeat-x top left;
color: #fff;
overflow: hidden;
height: 1%;
padding: 35px 0 0 0;
}
#alam .central {padding-bottom: 25px;}
#alam .col {width: 29%; float: left; padding: 0 3.8% 0 0;}
#alam #blogblog {padding-bottom: 10px;}
#alam h2 {margin-bottom: 10px; padding-bottom: 0; border: 0; color:#003399; font-weight:bold;}
#alam a:link, #alam a:visited {color: #fff; font-style:normal; font-weight: bold; font-size:13px;}
#footer {
background: #000000 url('../images/fondo-footer.jpg') center top no-repeat;
color: #fff;
border-top: 1px solid #1D2A3A;
min-height: 250px;
font-size: .95em
}
#footer .central {padding: 35px 0 0 0; position: relative; min-height: 124px;}
#footer p {margin: 0 0 3px 0; color: #fff;}
#footer a:link, #footer a:visited {color: #fff;}
#lfooter {margin: 15px 0 0 0; list-style: none;}
#lfooter li {float: left; margin: 0 45px 0 0; padding: 0; background: none;}
#lfooter .inferiores {padding-top: 25px}
#footer #back-top {
right: 0;
top: 40px;
position: absolute;
}
#internal {color: #fff; margin: 0 0 3px 0; list-style: none;}
#internal li {
display: inline;
margin: 0 .6em 0 0;
padding: 0 .6em 0 0;
height: 1.1em;
line-height: 1.1;
border-right: 1px solid #fff;
background: none;
}
#internal li:last-child {border: 0; margin: 0; padding: 0;}
.cols-2 {overflow: hidden; width: 100%;}
.cols-2 .left {width: 48%; float: left; margin: 0}
.cols-2 .right {width: 48%; float: right; margin: 0}
#boxes {overflow: hidden; height: 1%;}
#boxes .col {width: 21%; float: left; padding: 0 3.8% 0 0; color: #00A5F8}
#boxes h2 {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
#boxes .col p {font-size: 150.14%; font-weight: bold; margin-bottom: 1.2em; color:#003399;}
#boxes .col .resalte {font-size: 100.14%; font-weight: bold; margin-bottom: 1.2em; color:#000000;}
#boxes ul {color: #000;}
/*Lista portada*/
.latDer ul{
padding-top:10px;
list-style:none;
margin:0;
padding:0;
}
.latDer li{
padding:10px 10px 4px 16px;
border-bottom:1px solid #cccccc;
background: 0px 12px url(../images/bullet2.gif) no-repeat;
}
.latDer li .linkNegro{
color:#000000;
}
/*****************************/
/*Lista portada*/
.latDer-wd ul{
padding-top:10px;
list-style:none;
margin:0;
padding:0;
}
.latDer-wd li{
padding:10px 10px 4px 16px;
border-bottom:1px solid #cccccc;
background: 0px 12px url(../images/bullet2.gif) no-repeat;
font-size:12px;
}
.latDer-wd li a{
color:#003366;
}
.latDer-wd li .linkNegro{
color:#000000;
}
.grisito{
color:#999999;
}
/******************************************************** el segundo */
#left { float: left; width: 650px; margin: 0 0 10px; text-align: left; }
#left h2 { color: #52A9BA; }
#left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; }
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.date span { font-size: 1.6em; }
#side { float: right; width: 300px; margin: 0 0 30px; font-size: .9em; }
#side h3 { color:#003399; margin: 0 0 6px 5px; height: 16px; font-weight:bold; }
.boxtop { background: url(../images/p2/box.jpg) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background:#ECECEC; text-decoration:none; }
.box a {text-decoration:none;}
.boxbottom { background: url(../images/p2/box.jpg) no-repeat bottom; padding: 2px 0; }
.item { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/p2/item.jpg) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item.last { margin: 0; }
.item:hover { background: #fff url(../images/p2/item.jpg) no-repeat bottom; color: #fff; text-decoration:none; }
.item strong { color: #FFFAD3; line-height: 27px; }
.item2 { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/p2/item2.jpg) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item2.last { margin: 0; }
.item2:hover { background: #fff url(../images/p2/item2.jpg) no-repeat bottom; color: #fff; text-decoration:none; }
.item2 strong { color: #FFFAD3; line-height: 27px; }
.item3 { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/p2/item3.jpg) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item3.last { margin: 0; }
.item3:hover { background: #fff url(../images/p2/item3.jpg) no-repeat bottom; color: #fff; text-decoration:none; }
.item3 strong { color: #FFFAD3; line-height: 27px; }
.item4 { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/p2/item4.jpg) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item4.last { margin: 0; }
.item4:hover { background: #fff url(../images/p2/item4.jpg) no-repeat bottom; color: #fff; text-decoration:none; }
.item4 strong { color: #FFFAD3; line-height: 27px; }
/******************************************************** el segundo */
/******************************************************** el primero */
/*------------------------------------------------left panel--------------------*/
#leftint{
width:340px;
padding:5px 15px 0 22px;
float:left;
}
#leftint a{
color:#003399;
font-weight:bold;
}
#leftint h2{
font:bold 24px/16px Arial, Helvetica, sans-serif;
color:#497C00;
background-color:#fff;
margin:0 0 12px 0;
line-height:25px;
display:block;
}
#leftint p.lftText{
font:normal 12px/19px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
margin:0;
padding:0;
}
#leftint p.lftText span{
color:#9E3F01;
background-color:#FFF6DB;
font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#leftint p.viewMore{
width:77px;
height:13px;
background:url(../images/p/view_more_bg.gif) 0 0 repeat-x;
padding:0 0 0 288px;
margin:31px 0 15px 0;
font-size:0;
display:block;
}
#leftint p.viewMore a{
background:url(../images/p/view_more.gif) 0 0 no-repeat;
width:77px;
height:13px;
display:block;
}
#leftint p.viewMore a:hover{
background:url(../images/p/view_more_hover.gif) 0 0 no-repeat;
}
#leftBottom{
width:350px;
background:url(../images/p/left_bottom_bg.gif) 0 0 repeat-y;
}
#leftBottom p.top1{
background:url(../images/p/left_bottom_top.gif) 0 0 no-repeat;
width:380px;
height:21px;
}
#leftBottom h2{
background:url(../images/p/left_bottom_h2.gif) 0 0 no-repeat;
width:350px;
height:52px;
}
#leftBottom p.lftBottomText{
margin:0 13px 0 18px;
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#91835B;
width:320px;
background-color:#fff;
}
#leftBottom p.lftBottomText span{
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#C24E01;
background-color:#fff;
}
#leftBottom p.bot1{
background:url(../images/p/left_bottom_bot.gif) 0 0 no-repeat;
width:380px;
height:25px;
}
/***************************************************************/
/*------------------------------------------------left panel--------------------*/
#leftint2{
width:590px;
padding:5px 15px 0 22px;
float:left;
}
#leftint2 a{
color:#003399;
font-weight:bold;
}
#leftint2 h2{
font:bold 24px/16px Arial, Helvetica, sans-serif;
color:#497C00;
background-color:#fff;
margin:0 0 12px 0;
line-height:25px;
display:block;
}
#leftint2 p.lftText{
font:normal 12px/19px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
margin:0;
padding:0;
}
#leftint2 p.lftText span{
color:#9E3F01;
background-color:#FFF6DB;
font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#leftint2 p.viewMore{
width:77px;
height:13px;
background:url(../images/p/view_more_bg.gif) 0 0 repeat-x;
padding:0 0 0 288px;
margin:31px 0 15px 0;
font-size:0;
display:block;
}
#leftint2 p.viewMore a{
background:url(../images/p/view_more.gif) 0 0 no-repeat;
width:77px;
height:13px;
display:block;
}
#leftint2 p.viewMore a:hover{
background:url(../images/p/view_more_hover.gif) 0 0 no-repeat;
}
#leftBottom2{
width:350px;
background:url(../images/p/left_bottom_bg.gif) 0 0 repeat-y;
}
#leftBottom2 p.top1{
background:url(../images/p/left_bottom_top.gif) 0 0 no-repeat;
width:380px;
height:21px;
}
#leftBottom2 h2{
background:url(../images/p/left_bottom_h2.gif) 0 0 no-repeat;
width:350px;
height:52px;
}
#leftBottom2 p.lftBottomText{
margin:0 13px 0 18px;
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#91835B;
width:320px;
background-color:#fff;
}
#leftBottom2 p.lftBottomText span{
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#C24E01;
background-color:#fff;
}
#leftBottom2 p.bot1{
background:url(../images/p/left_bottom_bot.gif) 0 0 no-repeat;
width:380px;
height:25px;
}
/*------------------------------------------------left panel--------------------*/
/*------------------------------------------------mid panel--------------------*/
#mid{
width:232px;
border:#CCCCCC solid 0px;
background:url(../images/p2/fondo-medio.jpg) 0 0 repeat-x #F0F2F4;
color:#fff;
padding:4px 11px 0 13px;
margin:0 17px 0 0;
float:left;
}
#mid h2{
color:#003399;
font-size:14px;
font-weight:bold;
}
#mid .super{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}
#mid h3{
font:bold 10px;
color:#003399;
padding:0;
margin:0;
text-transform:uppercase;
}
#mid p.midText{
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:#003366;
margin:0 0 15px 0;
}
#mid p.midText2{
font:bold 12px;
color:#fff;
margin:0 0 46px 0;
}
.nota2{
font-size:10px;
}
/*------------------------------------------------mid panel--------------------*/
/* Easy Slider */
#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:300px;
overflow:hidden;
}
/* // Easy Slider */
/*Formulario*/
label
{
font-size:18px;
color:#999999;
width: 120px;
float: left;
text-align: right;
margin-right: 10px;
margin-left:20px;
display: block
}
.submit input
{
margin-left: 4.5em;
}
input
{
color: #003399;
background:#ECECEC;
border: 1px solid #003399;
width:385px;
height:30px;
font-size:16px;
font-family: arial, verdana, sans-serif;
font-weight:bold;
}
input:hover
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:385px;
height:30px;
font-size:21px;
font-family: arial, verdana, sans-serif;
}
input:focus
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:385px;
height:30px;
font-size:21px;
font-family: arial, verdana, sans-serif;
}
select
{
color: #003399;
background:#ECECEC;
border: 1px solid #003399;
width:385px;
height:30px;
font-size:16px;
font-family: arial, verdana, sans-serif;
font-weight:bold;
}
select:hover
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:385px;
height:25px;
font-size:14px;
font-family: arial, verdana, sans-serif;
}
select:focus
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:385px;
height:25px;
font-size:14px;
font-family: arial, verdana, sans-serif;
}
textarea
{
color: #003399;
background:#ECECEC;
border: 1px solid #003399;
font-weight:bold;
width:470px;
font-size:16px;
font-family: arial, verdana, sans-serif;
margin-left: 50px;
}
textarea:hover
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:470px;
font-size:16px;
}
textarea:focus
{
color: #FFFFFF;
background: #86C417;
border: 1px solid #003399;
width:470px;
font-size:16px;
}
.submit input
{
color: #CCCCCC;
background: #003399;
border: 2px outset #003399;
}
.submit input:hover
{
color: #FFFFFF;
background: #86C417;
border: 2px outset #003399;
}
fieldset
{
border: 1px solid #C7DDFF;
width: 600px;
}
legend
{
color: #fff;
background: #003399;
border: 1px solid #003399;
padding: 2px 29px;
border-left:10px;
}
/* Easy Slider */
#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:300px;
min-height:250px;
overflow:hidden;
}
/* // Easy Slider */
.socialfooter{
width:200px;
float:left;
line-height:20px;
}
.socialfooter ul li {
height:25px;
}
.linea32{
color:#497C00;
}