@charset "UTF-8";

* {margin:0; padding:0}
body {font:100% Arial, Helvetica, sans-serif; background:url(images/BG.jpg) repeat-x left top}
p, h1, h2, h3, h4, ul {margin-bottom:10px}
p, li {font-size:12px; color:#333}
a {color:#750202; text-decoration:none}
a:hover {text-decoration:underline}
img {border:0}

.clear {clear:both; height:1px}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.doc { background: url(images/word.jpg) no-repeat left; padding-bottom:2px;}
.pdf { background: url(images/pdf.jpg) no-repeat left;  padding-bottom:2px;}
.xcl { background: url(images/excel.jpg) no-repeat left; padding-bottom:2px;}

#wrapper {width:820px; margin:0 auto}
/* HEADER */
#header {margin-top:20px; background:url(images/headerBG.jpg) no-repeat right top}
h1#logo {float:left}
#tools {float:right; margin-top:45px}
#tools li {float:left; margin:0 5px; height:18px; list-style:none;padding:0 5px; line-height:17px}
#tools li a, #tools li a:hover {color:#333; text-decoration:none; outline:none}
#tools li:hover, #tools li.active {background:url(images/toolsBTN_BG.png) repeat-x left top; padding:0 5px; height:18px; list-style:none; -moz-border-radius:3px; -webkit-border-radius:3px}
/* REDES SOCIALES */
#redes {position:fixed; top:115px; left:0; width:39px}
#redes a {outline:none}
#redesHide {position:fixed; top:115px; left:0; width:39px; visibility:hidden}
#redesHide a {outline:none}
#hideshow {position:fixed; top:150px; left:0; width:39px; visibility:hidden; background:url(images/BGsocialMedia.png); -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; padding:5px 0}
/*mainMenu*/
#mainMenu {background:url(images/mainMenuBG.png) repeat-x left top; height:35px; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px}
#mainMenu ul {float:left; margin-bottom:0; margin-left:20px}
#mainMenu li {float:left; margin-right:15px; font-size:14px; color:#fff; list-style:none; line-height:25px; height:25px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:5px; padding:0 7px}
#mainMenu li:hover, .active {background:url(images/menuOver.jpg) repeat-x left center; padding:0 7px}
#mainMenu li a, #mainMenu li a:hover {color:#fff; text-decoration:none; outline:none}
#searchform {float:right; margin-top:1px; background:url(images/searchBG.png) no-repeat left top; width:245px; height:29px; margin-right:-5px; padding-top:5px}
#searchform input[type="text"] {width:205px; background:none; border:none 0; padding:4px; color:#838383}
#searchform input[type="submit"] {width:25px; background:none; border:none 0; color:transparent; font-size:0px;}

/* HOME */
/* slider */
#slider {width:820px; margin:0 auto}
#teaser {position:relative; margin-bottom:10px}
.teaserContent {position:relative}
.infoTeaser {position:absolute; width:275px; top:30px; left:400px}
.teaserContent h2 {font:30px 'SansationRegular', Arial, sans-serif; letter-spacing:0; color:#754717; text-shadow:none; background:none; height:70px}
/*Controles*/
#prevBtn a, #nextBtn a {display:block; width:38px; height:38px; outline:none}
#prevBtn {position:absolute; left:-19px; top:110px; width:38px; height:38px; text-indent:-9000px; background:url(images/prevTease.png) no-repeat left top}
#nextBtn {position:absolute; right:-19px; top:110px; width:38px; height:38px; text-indent:-9000px; background:url(images/nextTease.png) no-repeat left top}
#slider li {width:820px; height:275px; overflow:hidden}
/*home content*/
#shortsHome {border-bottom:solid 1px #d8d8d8; margin-bottom:10px}
#shortsHome .shortBlock {background:url(images/shortsDiv.png) no-repeat right top; padding-left:1px; height:250px; width:184px; float:left; padding:10px; text-align:left;}
.shortBlock a, .shortBlock p {color:#333; text-align:justify;}
.shortBlock h2 {font-size:14px; color:#2b3135}
.shortBlock li {background:url(images/genericBullet.jpg) no-repeat left 2px; list-style:none; padding-left:16px; margin-bottom:7px}
#shortsHome .last {background:none}
.fechaShortBlock {color:#750202; font-size:11px}
#homeContainer {padding-left:10px}
#homeContainer h2 {color:#2b3135; font-size:26px; font-weight:normal}
#homeContainer #content {width:625px; float:left; text-align:justify}
#homeContainer #bannersHome {float:right; width:166px; text-align:right}

/* INTERNA */
#LeftCol {width:162px; float:left; background:url(images/BGleftCol.png) repeat-y center top; margin-top:-10px; padding:0 11px 0 12px; margin-bottom:15px}
#LeftCol h2 {background:url(images/leftCol_title.jpg) no-repeat center top; width:162px; height:23px; width:100%; margin-top:15px; text-align:center; font-size:14px; color:#fff; font-weight:normal; text-shadow:1px 1px #000; line-height:20px}
#LeftCol ul {margin-left:5px}
#LeftCol li {background:url(images/genericBullet.jpg) no-repeat left 2px; list-style:none; padding-left:16px; margin-bottom:7px}
#LeftCol li a {color:#333}
#calendarioInterna {width:100%; text-align:center; margin-bottom:10px}
#bannerSociedadINTERNA {margin-left:-5px}
#leftColBottom {background:url(images/bottom_leftCol.jpg) no-repeat center top; height:10px; margin:0 -11px 0 -12px}

#RightCol {width:620px; float:right; margin-bottom:15px; text-align:justify;}
#InternaTeaser {margin-bottom:10px}
#RightCol h2 {font-size:16px; color:#256bac}
#RightCol p {text-align:justify}

/* FOOTER */
#footer {background:#abcff1}
#footer a {color:#2369ac}
#footerContainer {color:#abcff1; padding:10px 0; width:820px; margin:0 auto}
.footBlock {width:260px; float:left; margin-right:10px}
.footBlock h2 {font-size:13px; margin-bottom:5px; color:#2369ac}
.footBlock ul {margin-left:10px}
.footBlock li {list-style:none; color:#2369ac}
.lastFootBlock {margin-right:0px}
.firstFootBlock {width:260px}
#footer p.inputNewsletter {margin-bottom:5px}
#newsletter {background:#eee; border:solid 1px #2369ac; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; width:195px; color:#999}
#Suscribirse {background:#679cce; border:solid 1px #2369ac; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; padding:2px 4px; margin-right:10px}
.redesFoot img {margin-right:20px}
.logoFoot {margin-top:30px}

.internacional ul { list-style-type:none; margin:0px; padding:0px;}
.internacional li { list-style-type:none; margin:0px 0px 10px 0px; padding:0px;}
.internacional a { padding-left: 20px;}
