html {
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
color: #6498FE;
width: 100%;
display: table;
background-color: #aac7e5;
}
a {
color: #006;
font-size: 12px;
}
a:hover {
color: #006;
font-size: 12px;
}
#background_section_top {
width: 100%;
height:260px;
background-image: url(../images/header_bckg2.jpg);
}
#background_section_middle {
width: 100%;
overflow:hidden;
margin-right: auto;
margin-left: auto;
clear: both;
height: 100%;
background-color: #AAC7E5;
background-image: url(../images/page_bkgd3.jpg);
background-repeat: repeat-x;
}
#background_section_bottom {
width: 100%;
height: 327px;
float: left;
}
.container {
width: 1000px;
margin: auto;
}
#header {
width: 1000px;
height:205px;
background-image: url(../images/cabezal_Flebo_Azul2.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
/* Menu Section */
#menu_panel {
width:100%;
height: 42px;
float:left;
background-image: url(../images/menu_bg.jpg);
background-repeat: repeat-x;
border: thin solid #4A86BA;
padding: 0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
vertical-align: middle;
}
#menu_panel #menu_section {
width: 985px;
height: 50px;
color: #6FA0FD;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 45px;
}
#menu_section ul {
float: left;
width: 930px;
padding-top: 1px;
list-style: none;
margin: 0;
vertical-align: middle;
display: inline;
}
#menu_section ul li {
display: inline;
padding: 0px;
}
#menu_section ul li a {
float: left;
width: 90px;
padding-top: 0px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #003A83;
padding-left: 1px;
padding-right: 1px;
font-family: Verdana, Geneva, sans-serif;
}
#menu_section li a:hover, #menu_section li .current {
color: #FFF;
height: 38px;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
background-repeat: repeat-x;
background-image: url(file:///C|/WebSites/SocFlebo/images/menu_current.jpg);
vertical-align: middle;
}
/* End Of Menu */
/* Left Section */
#left_section {
width: 600px;
float: left;
margin: 10px 0px 10px 35px;
}
* html #left_section {
margin-left: 15px;
}
#left_section_central {
width: 800px;
float: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 100px;
}
#left_section_socPac {
width: 800px;
float: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
}
* html #left_section_central {
margin-left: 45px;
}
.post {
width: 600px;
margin-top: 0px;
margin-bottom: 15px;
}
.post_central {
width: 790px;
margin-top: 0px;
margin-bottom: 15px;
font: bold 12px/14px Tahoma, Geneva, sans-serif;
}
.post_central p {
color: #006;
text-align: justify;
font: 12px/14px Tahoma, Geneva, sans-serif;
letter-spacing: 0.1em;
}
/* Pink Post */
.post_top {
width: 575px;
height: 25px;
color:#006;
padding-top: 8px;
padding-left: 25px;
background-repeat: no-repeat;
padding-right: 0px;
padding-bottom: 0px;
font: bold 14px/18px Verdana, Geneva, sans-serif;
}
.post_top_central {
width: 768px;
height: 25px;
color:#006;
padding-top: 8px;
padding-left: 25px;
background-repeat: no-repeat;
padding-right: 0px;
padding-bottom: 0px;
font: bold 14px Verdana, Geneva, sans-serif;
}
.post_mid {
width: 598px;
padding-top: 5px;
color: #006;
background-repeat: no-repeat;
background-position: center top;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #616185;
border-right-color: #616185;
border-bottom-color: #616185;
border-left-color: #616185;
}
.post_mid_central {
width: 780px;
color: #006;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #616185;
border-right-color: #616185;
border-left-color: #616185;
border-bottom-color: #616185;
padding: 7px;
margin-right: auto;
margin-left: auto;
}
.post_bottom {
width: 598px;
height: 34px;
background-repeat: no-repeat;
background-position: center bottom;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #616185;
border-bottom-color: #616185;
border-left-color: #616185;
}
.post_bottom_central {
width: 794px;
height: 34px;
background-repeat: no-repeat;
background-position: center bottom;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #616185;
border-right-color: #616185;
border-bottom-color: #616185;
border-left-color: #616185;
}
.post_mid img {
float: left;
margin-right: auto;
margin-bottom: 0;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
}
.post_mid p {
color: #006;
margin : 0px 25px 25px 25px;
font: bold 12px/14px Tahoma, Geneva, sans-serif;
text-align: left;
}
/* End Of Pink Post */
/* Yellow Post */
.post_top_yellow {
width: 575px;
height: 25px;
color:#006;
padding-top: 8px;
padding-left: 25px;
background-repeat: no-repeat;
padding-bottom: 0px;
padding-right: 0px;
font: bold 14px/18px Verdana, Geneva, sans-serif;
}
/* End Of Yellow Post */
span.post {
margin: 25px;
color: #666;
font-size: 11px;
}
/* End Of Left Section */
/* Right Section */
#right_section {
width: 310px;
float: right;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 0px;
}
* html #right_section {
margin-right: 15px;
}
.section_box {
width: 310px;
margin-top: 0px;
margin-bottom: 15px;
}
.section_box_top {
width: 285px;
height: 25px;
color:#006;
background-repeat: no-repeat;
padding-top: 8px;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
font: bold 14px/18px Verdana, Geneva, sans-serif;
}
.section_box_mid {
width: 298px;
padding-top: 15px;
background-repeat: no-repeat;
background-position: center top;
padding-left: 10px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #616185;
border-right-color: #616185;
border-bottom-color: #616185;
border-left-color: #616185;
border-top-width: 1px;
}
.section_box_mid p {
color:#006;
margin : 0px 25px 25px 25px;
text-align: center;
font: 12px/14px Tahoma, Geneva, sans-serif;
}
.section_box_mid p a {
font-size: 12px;
color:#006;
}
.section_box_mid p a:hover {
font-size: 12px;
color:#999;
font-weight: bold;
}
.section_box_mid img {
float: left;
display:inline;
margin-left: 0px;
margin-bottom: 20px;
border:thin solid #666;
margin-right: 4px;
margin-top: 5px;
}
.section_box_mid ul {
margin-bottom:15px;
margin-top:0px;
padding-right:15px;
color: #006;
padding-left: 5px;
}
.section_box_bottom {
width: 308px;
height: 33px;
background-repeat: no-repeat;
background-position: center bottom;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #616185;
border-bottom-color: #616185;
border-left-color: #616185;
}
/* Yellow Section */
.section_box_top_yellow {
width: 285px;
height: 25px;
color:#006;
background-repeat: no-repeat;
padding-top: 8px;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
font: bold 14px/18px Verdana, Geneva, sans-serif;
}
/* End Of Yellow */
/* End Of Right Section*/
.clear {
clear:both;
height:1px;
}
#bottom_section {
width: 100%;
height: 38px;
background-color: #AAC7E5;
}
#footer {
width: 100%;
height: 28px;
background: url(file:///C|/WebSites/SocFlebo/images/footer_bg.jpg) repeat-x;
text-align: center;
padding-top: 10px;
color: #006;
}
.secBoxP {
color: #006;
font: lighter 12px/14px Tahoma, Geneva, sans-serif;
}
* {
margin:0px;
padding:0px;
outline:none;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #006;
}
#lista {
width:800px;
;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
visibility:hidden;
padding-left: 70px;
margin-top: 50px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
}
#lista dt {
color:#FFF;
padding-left:8px;
height: 35px;
font-size: 14px;
font-weight: bolder;
background-image: url(../images/post_bleu_top_central.gif);
background-repeat: no-repeat;
padding-top: 8px;
}
#lista dd {
padding:3px;
overflow:hidden;
border: 1px solid #CCC;
text-align: justify;
background-color: #FFF;
color: #333;
width: 778px;
}
.post_mid_central p img {
float: left;
padding-right: 10px;
}
.form_contacto {
font: 14px/18px Tahoma, Geneva, sans-serif;
margin-left: 5px;
}
.contacto_text {
font: normal 14px Tahoma, Geneva, sans-serif;
color: #006;
}
.img_rev {
float: left;
padding-right: 5px;
padding-bottom: 5px;
margin-right: 20px;
margin-left: 30px;
margin-top: 20px;
}
.staf_rev {
float: right;
}
#visor {
width: 580px;
margin-right: 10px;
margin-left: 10px;
}
/*.clear {
clear:both
}*/
.over {
cursor:pointer;
}
.transparente {
-khtml-opacity:.50;
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
zoom:1;
cursor:pointer;
}
.opaco {
-khtml-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
zoom:1;
cursor:pointer;
}
#g4Ext {
position:relative;
width:500px;
left:12px;
color: #005BFF;
font-weight: bold;
}
#g4 {
width:500px;
background-color:#000;
margin:10px 0 10px 0;
position:relative;
height:370px;
overflow:hidden;
z-index:1;/*height:320px;*/
}
#g4container {
width:500px;
height:320px;
position:absolute;
cursor:pointer;
z-index:1;
background-color: #000;
background:url(images/ecos/junio2010/04.jpg) center center no-repeat #000;
background-repeat: no-repeat;
background-position: center center;
}
#g4Paginado {
position:absolute;
top:335px;
right:10px;
z-index:10;
/*display:none*/
}
#g4nros {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF
}
#g4nros a {
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF
}
#g4Right {
position:relative;
top:3px;
}
#g4Left {
position:relative;
top:3px;
}
.menuSocios {
background-color: #CCC;
width: 60%;
margin-right: auto;
margin-left: auto;
}
#left_section_totall {
width: 900px;
background-color: #DCE9F9;
}
#left_section_total table tr td .contacto_text a {
font-size: 14px;
color: #006;
}
.pieImage {
font-size: 12px;
text-align: center;
}
#col {
float: left;
width: 170px;
height: 100%;
margin-top: 42px;
padding-left: 10px;
}
.section_col {
width: 100%;
padding-top: 5px;
background-repeat: no-repeat;
background-position: center top;
padding-left: 0px;
border: 1px solid #616185;
}
#background_section_middle .container #col .section_col img {
margin-left: 19px;
}
#background_section_middle .container #col .section_col {
font-size: 16px;
font-weight: bold;
text-align: center;
color: #006;
line-height: 20px;
}
#background_section_middle .container #right_section .section_box .section_box_mid img {
margin-left: 0px;
}
#background_section_middle .container #col ul li {
font: bold 14px Tahoma, Geneva, sans-serif;
color: #006;
margin-left: 10px;
}
#background_section_middle .container #col ul li a {
font-size: 14px;
color: #006;
}
#background_section_middle .container #left_section_socPac .post_central .post_mid_central table tr td p {
font-size: 12px;
color: #006;
line-height: 17px;
letter-spacing: 0.2em;
text-align: left;
margin-left: 5px;
}
#background_section_middle .container #left_section_socPac .post_central .post_mid_central table tr td ul li {
font: 12px Tahoma, Geneva, sans-serif;
color: #006;
display: none;
}
#background_section_middle .container #left_section_socPac .post_central .post_mid_central table tr td .socPac.li {
color: #006;
}
#background_section_middle .container #left_section_socPac .post_central .post_mid_central table tr td .socPac.li {
font-size: 12px;
font-weight: normal;
color: #006;
}
#background_section_middle .container #left_section_socPac .post_central .post_mid_central table tr td li {
font-size: 12px;
color: #006;
letter-spacing: 0.2em;
}
.imgReu {
float: left;
margin-left: 50px;
}