@charset "utf-8";

*{margin: 0; padding: 0; border: none; list-style:none;}
html {font: 1em Arial, Helvetica, sans-serif;
text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, { margin:0 0 1em 0!important; font-size:1em}
sup {position: relative;bottom: 0.3em;vertical-align: baseline;}
sub {position: relative;bottom: -0.2em;vertical-align: baseline;}
li, dd, blockquote {margin-left: 1em;}
a, a:link, a:visited, a:hover, a:active { text-decoration: none;/*outline: 0; para quitar la linea de puntos al seleccionar el enlace ( no recomendado hacerlo por temas de accesibilidad) */}
a img {border: none!important; text-decoration: none;}

label, button {cursor:pointer;}
input, select, textarea {font-size: 1em; font-family:Arial, Helvetica, sans-serif}
input:focus, select:focus, textarea:focus {background:#FFFFCC;}
fieldset {border: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
p{ color:#333}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
.box{ overflow:hidden}
*html .box{ overflow:visible; height:1%}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(img/corcho.jpg)}
.outer { background:#fff; width:1000px; margin:0 auto; min-height:10px; overflow:hidden; background:re}
*html .outer{ height:10px; overflow:visible}
.inner{ margin:80px 170px 0 174px; overflow:hidden; min-height:780px}
*html .inner{ overflow:visible; height:780px}

p.imgs a{margin:0px 20px 10px 20px;}

.bg1{ background:url(img/bg1.jpg) no-repeat}
.bg2{ background:url(img/bg2.jpg) no-repeat}
.bg3{ background:url(img/bg3.jpg) no-repeat}
.bg4{ background:url(img/bg4.jpg) no-repeat}
.bg5{ background:url(img/bg5.jpg) no-repeat}
.bg6{ background:url(img/bg6.jpg) no-repeat}
.bg7{ background:url(img/bg7.jpg) no-repeat}

.header{ position:relative; z-index:20000;}
h1{ font-size:0}
.header h1 a{ height:299px; width:263px;overflow:hidden; text-indent:-9999px; position:absolute; margin-top:-9px; margin-left:9px; z-index:3000 }
.header h1 a{background:url("img/logo.png") !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png') !important;
cursor:pointer
}


/*.header ul{ position:relative; top:16px; border:1px solid red; float:right; margin-right:30px; z-index:2000; left:-50px}*/
.header ul{ overflow:hidden; width:330px; padding-left:255px; padding-top:16px}
.header li{ float:left; margin:0;}
.header li a{ float:left; display:block; height:33px; text-indent:-9999px; margin:0; overflow:hidden}
.header .b1 a{ background:url(img/b1.gif); width:62px} 
.header .b1 a:hover, .header .b1 .selected{ background:url(img/b1.gif) left bottom} 
.header .b2 a{ background:url(img/b2.gif); width:97px} 
.header .b2 a:hover, .header .b2 .selected{ background:url(img/b2.gif) left bottom} 
.header .b3 a{ background:url(img/b3.gif); width:98px} 
.header .b3 a:hover, .header .b3 .selected{ background:url(img/b3.gif) left bottom} 
.header .b4 a{ background:url(img/b4.gif); width:63px} 
.header .b4 a:hover, .header .b4 .selected{ background:url(img/b4.gif) left bottom} 

.footer{ width:900px; margin:0 auto 12px auto; text-align:center; }
.footer strong{ font-weight:normal; background:#fbe786; padding:1px 4px}
.footer a{ color:#000}
.contents{ clear:both}

.contents a{ border-bottom:1px dotted #000!important; color:#000; display:inline-block}
.contents a:hover{border-bottom:1px dotted #FF6600; color:#FF9900}
.bg1 .contents{top:300px;  margin: 250px 60px 0 62px }
.bg1 .halfLeft{ width:240px; float:left;}
.bg1 .halfRight{ width:294px; float:right; margin-top:130px; height:180px;}
.bg1 .halfRight .inner2{ margin:32px 22px 22px 22px}
.bg1 .halfRight .inner2 .f_image{top:5px; position:relative}
.bg1 .bottom{ float:none; width:400px ; float:right}
.bg1 .flash1{ position:absolute; height:411px; width:548px; margin-left:271px; margin-top:23px}

.bg2 .contents{ margin: 310px 60px 0 62px; height:auto; overflow:hidden;position:relative;top:-10px;}
* html .bg2 .contents{overflow:visible;}
*html .bg2 .contents {  height:350px} /*added for IE6*/
.bg2 .top{ margin-bottom:22px;}
.bg2 .box{ margin-bottom:20px;}
.bg2 .halfLeft{ width:200px; float:left;}
.bg2 .halfRight{ width:320px; float:right;}
.bg2 .halfRight .inner2{}


.bg3 .contents{margin: 300px 56px 0 12px }
.bg3 .halfLeft{ width:300px; float:left;}
.bg3 .halfLeft .pager a{ margin:6px 40px 0 40px}
.bg3 .halfLeft .pager{ margin-bottom:10px}
.bg3 .halfRight{ width:280px; float:right; margin-top:60px;}
.bg3 .halfRight .inner2{ margin:32px 22px 22px 22px}

.bg3 .halfRight label{ display:block; margin-bottom:8px; overflow:hidden;}
*html .bg3 .halfRight label{ overflow:visible; height:1%}
.bg3 .halfRight label strong{ display:block; width:80px; float:left; margin-right:4px}
.bg3 .halfRight label .f_input, .bg3 .halfRight label .f_textarea{ float:right; width:140px}
.bg3 .halfRight label .f_textarea{ height:80px; border:1px solid #ccc; width:144px}
.bg3 .halfRight .f_image{ float:right}
.bg3 .halfRight .inner2 .f_image{top:5px; position:relative}
.bg3 .flash1{ position:absolute; height:411px; width:548px; margin-left:273px; margin-top:22px}


.bg4 .contents{margin: 45px 66px 0 355px;  }
.bg4 .halfLeft{ width:290px;  height:470px;  overflow:auto}
.bg4 .halfLeft .pager a{ margin:6px 40px 0 40px}
.bg4 .halfLeft .pager{ margin-bottom:10px}
.bg4 .halfRight{ width:280px; float:right; margin-top:0px;}
.bg4 .halfRight .inner2{ margin:32px 22px 22px 22px}
.bg4 .box{ margin-bottom:12px}
.bg4 .halfRight .inner2 .f_image{top:5px; position:relative}

.bg5 .contents{ margin: 20px 80px 0 62px; background:red }
.bg5 .halfLeft{ width:200px; float:left; margin-top:240px}
.bg5 .halfRight{ width:300px; float:right;}
.bg5 .halfRight .inner2{ }
.bg5 .halfRight label{ display:block; margin-bottom:8px; overflow:hidden;}
*html .bg5 .halfRight label{ overflow:visible; height:1%}
.bg5 .halfRight label strong{ display:block; width:80px; float:left; margin-right:4px}
.bg5 .halfRight label .f_input, .bg5 .halfRight label .f_textarea{ float:left; width:208px}
.bg5 .halfRight label .f_textarea{ height:80px; border:1px solid #ccc; width:214px}
.bg5 .halfRight .f_image{ float:right}
.bg5 .pager2 a{ margin:4px}
.bg5 .pager2 { margin-bottom:20px}

.bg6 .contents{ margin: 20px 80px 0 10px; background:red }
.bg6 .halfLeft{float:left; margin-top:280px; height:258px; width:258px;}
.bg6 .halfLeft div{ margin:14px; }
.bg6 .halfLeft h2{ margin:0 0 12px 10px!important}
.bg6 .halfLeft li{ background:url(img/ico01.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:8px}
.bg6 .halfRight{ width:300px; float:right;}
.bg6 .halfRight .inner2{ }
.bg6 .halfRight label{ display:block; margin-bottom:8px; overflow:hidden;}
*html .bg6 .halfRight label{ overflow:visible; height:1%}
.bg6 .halfRight label strong{ display:block; width:80px; float:left; margin-right:4px}
.bg6 .halfRight label .f_input, .bg6 .halfRight label .f_textarea{ float:left; width:208px}
.bg6 .halfRight label .f_textarea{ height:80px; border:1px solid #ccc; width:214px}
.bg6 .halfRight .f_image{ float:right}
.bg6 .halfRight h3 { margin-bottom:0!important}
.bg6 .pager2 a{ margin:4px}
.bg6 .pager2 { margin-bottom:20px}
.bg6 .box{ border-bottom:1px dashed #008056; margin-bottom:8px}
.bg6 .line_solid{border-bottom:1px solid #008056!important;}
.bg6 .inner{ background:url(img/bg_repeat.jpg) repeat-y;}
.bg6 .bg_top{background:url(img/bg_v1.jpg) no-repeat;  overflow:hidden; min-height:900px;}
*html .bg6 .bg_top{ overflow:visible; height:1%;}
.bg6 .bg_footer{height:38px; margin:0 170px 20px 174px; background:url(img/bg_bt.jpg) no-repeat}
.bg6 .halfLeft{ }
.bg6 .halfLeft{background:url("img/posit.png") !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='posit.png') !important;
}


.bg7 .contents{ margin: 0 45px 0 62px!important;  }
.bg7 .top{ margin-bottom:22px}
.bg7 .box{ margin-bottom:20px}
.bg7 .halfLeft{  margin:0 20px 0 210px; height:240px; overflow:hidden}
.bg7 .halfRight{ width:560px; text-align:center}
.bg7 .halfRight .inner2{ }
.bg7 h3{ color:#008056}
.bg7 h3{  margin-bottom:10px!important; font-size:1em!important}
.bg7 .descargar{ text-align:left!important; display:block; float:left; width:47%; margin-left:25px }
.bg7 .descargar a{ background:#90ff36; margin:0 5px; padding:2px 6px; border-bottom:none!important;}
.bg7 .descargar strong{position:relative;; top:-5px}
.bg7 .pager3{ display:block; float:left; width:43%; text-align:right; } 
.bg7 .halfLeft .pager3{ width:100%; text-align:right}
.bg7 .pager4{ display:block; width:100%; text-align:center; } 
.bg7 .pager3 a{ margin:0 10px!important;  font-weight:bold}
.bg7 .pager4 a{ margin:0 10px!important;  font-weight:bold}
.bg7 .block{ display:block; float:left}
.bg7 .halfRight img{ margin-bottom:5px}
.bg7 .imgs{ position:absolute;padding-top:20px;}
.bg7 .imgs a{margin:0;}

p, h2{ margin-bottom:0.8em!important}
.f_input{ padding:2px; border:1px solid #ccc}
.masinfo a{ padding-left:10px; background:url(img/ico01.gif) no-repeat left center; color:#000; border-bottom:1px dotted #000}
.img_left{ float:left!important; margin-right:10px}
.img_left a{ float:left}
.outer .img_bt{ border:none!important; float:left!important}
.imgs a{ border:none!important}
.destacado{ background:#92fe37}