/*
Main.css
developed by Daniel Faure
09/17/2009 11:55 am
*/

/*
Color para los enlaces
color: #a60303;
font-weight: bold;

colores para flutecno
#4f5959
#9ca6a6
#d0d9d7
#98d90b
#a60303

*/



/* tag based */

@media only screen and (max-width: 599px) {
    body {margin:0;border:none;font-size: 16px;width:100% !important;}
}
    
@media only screen and (min-width: 600px) {    
    body {margin:20px auto 20px auto;border:2px solid #4f5959;font-size: 12px;width: 782px !important;}
}

body {
 padding: 0px ;
 /* muted apples */
 background: #4f5959; /*oscuro*/
 background: #9ca6a6; /*medio*/
 background: #d0d9d7; /*claro*/
 background: #98d90b; /*verde*/
 background: #a60303; /*rojo*/
 background: #ffefaa; /*hermoso*/
 background: #4f5959; /*oscuro*/
 color: #ffffff; /*oscuro*/
 font-family: arial;
}

#theSite {
 position: relative;
 left:0px;
 top:0px;
 background: #ffffff !important;
 margin:0px;
 padding:0px;
 float: left;
 color:#4f5959; /*oscuro*/
}

#theObjetivos {
 padding: 0px;
 border: 3px solid orange;
 background: #ffffff;
 float:left;
 margin:11px auto 11px auto;
}

.p10 {font-size: -1;}
.p12 {font-size: +0;}
.p14 {font-size: +1;}
.p16 {font-size: +2;}
.p20 {font-size: +3;}
.p24 {font-size: +4;}
.p32 {font-size: +6;}

.pb  {font-weight: bold;}
.pd10{padding:10px;}
.pd2 {padding:2px;}

.mt10{padding-top:10px;}
.mtop10{margin-top:10px;
float:left;
margin-left:40px;}

.fri {
 float:right;
 display:block;
}
.fle {
 float:left;
 display:block;
}

.tdisk   { background-image : url(/images/iconos/disket.jpg);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tplus   { background-image : url(/images/iconos/mas.png);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tminus  { background-image : url(/images/iconos/menos.png);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tnew    { background-image : url(/images/iconos/add.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tgo     { background-image : url(/images/iconos/trian.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 14px !important;
         }
.car0    { background-image : url(/images/iconos/carro00.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 27px !important;
         }
.car1    { background-image : url(/images/iconos/carro01.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 27px !important;
         }
.tinfo   { background-image : url(/images/iconos/info.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 21px !important;
         }
.tnew    { background-image : url(/images/iconos/add.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tqui    { background-image : url(/images/iconos/minus.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tedi    { background-image : url(/images/iconos/1edita.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tmov    { background-image : url(/images/iconos/movecacho.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tcen    { background-image : url(/images/iconos/kardi1.png);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tvac    { background-image : url(/images/iconos/1borra.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tsel    { background-image : url(/images/iconos/arrows.gif);
           background-position: 3px;
           background-repeat: no-repeat;
         }
.tsear   { width:23px;
           background: transparent url(/images/iconos/buscar.gif) 3px no-repeat; }

.tcli    { background-image : url(/images/iconos/counter.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tclose  { background-image : url(/images/iconos/close_16x16.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.talta   { background-image : url(/images/iconos/anim_error.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }
.tbaja   { background-image : url(/images/iconos/eliminar.gif);
           background-position: 3px;
           background-repeat: no-repeat;
           padding-left: 24px !important;
         }

.basc  { width:20px;
         border:1px dotted gray!important;
         background:transparent url(/images/iconos/basc.png) left no-repeat;
         color:black;
         padding: 1px 0px -1px 1px;
         margin-left:2px;
}
.bdesc { width:20px;
         border:1px dotted gray!important;
         background:transparent url(/images/iconos/bdesc.png) left no-repeat;
         color:black;
         padding: 1px 0px -1px 1px;
         margin-left:2px;
}

h1 {
 margin-left: 8px;
 font-size: +6;
}
h2 {
 font-size: 16px;
 margin-left: +2;
}
h3 {
 margin-left: 24px;
 font-size: +1;
}
p {
 margin-left: 24px;
 font-size: -1;
line-height: 140%;
}
pre {
 padding: 4px;
 background-color: #FAFAFA;
 color: #099;
 border: 1px dashed #066;
 overflow: auto;
 min-height: 60px;
 width: 334px;
}
ul {
 margin: 0px;
 padding:0px;
}
hr {
 border:none;
 border-bottom: #d0d9d7 solid 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.menu {
 font-weight: bold;
 position: relative;
}

/* id based */

div#imabuts {
 float:right;
 position: relative;
 bottom:16px;
 right:2px;
 background: transparent;
 z-index:3000!important;
}
div#imasle {
 float:right;
 position: relative;
 top:0px;
 background: transparent;
 right:0px;
 height:100px;
 z-index:10!important;
}
div#imatop{
 float:right;
 position: relative;
 right:0px;
 top:-118px;
 width:350px;
 height:100px;
 background: transparent url('/images/bg/bg-slides.png');
 border:none;
 z-index:800;
}
div#imacen{
 float:right;
 position: relative;
 right:10px;
 top:-209px;
 width:330px;
 height:80px;
 background: transparent;
 z-index:1000;
 border:none;
}

div#diaporama {
 float:left;
 position: relative;
 top:0px;
 right:0px;
 height:100px;
}

div#rightSide{
 float:right;
 position: absolute;
 right:0px;
 top:0px;
 width:200px;
 z-index:100;
 border:0px solid #262642;
}

div#ourLogo {
 float:right;
 position: relative;
 padding:0px;
 right:0px;
 top:0px;
 width:200px;
 border:0px solid #262642;
}

div#adlist {
 float:right;
 position: relative;
 right:2px;
 top:10px;
 width:190px ! important;
 text-align: center;
 color: #999;
 border:none;
 padding: 3px;
}

div#adlist a {
 background: transparent;
 text-decoration: none;
 color:inherit ! important;
}
div#adlist a:hover {
 background: transparent;
 color:inherit ! important;
}
div#adlist a:visited {
 background: transparent;
 color:inherit ! important;
}

.single_ad {
 padding: 3px;
 width:180px ! important;
 height:auto;
 margin:2px;
 vertical-align:middle;
 border:1px ridge ##99FF66 ! important;
 background: #fff;
}


div#our_contents{
 float:left;
 position: absolute;
 left:0px;
 top:0px;
 z-index:0;
 text-align: left;
 border:none;
 margin:0px 0px 0px 0px;
 padding:0px ! important;
 background: #fff url('/images/bg/gradient-white.png') fixed bottom left repeat-x;
 background: transparent;
}
div#basecalenda {
 height:100%;
 border:0px solid #669999;
 margin-left:31px;
}
div#calenda {
 width: auto;
 height:auto !important;
 border-left:2px solid #93b4b4;
 margin:0px;
 margin-left:0px;
 padding-left:9px;
 padding-right:6px;
 padding-top:20px;
 padding-bottom:auto;
 background: #ffffff;
}

div#mes {
 position: relative;
 right:4px;
 top:4px;
 border:1px solid blue;
 float:right;
 width:105px;
 height:auto;
 padding:0px ! important;
 margin:0px      !important;
 margin-left:10px !important;
 margin-bottom:10px !important;
 font-size:12px;
 background: #faa51b;
 text-align: center;
 vertical-align:middle;
}
div#dia {
 border:none;
 margin:0px ! important;
 margin-top:5px;
 text-align: center;
 font-size:48px;
 font-weight: bold;
 height:auto;
 background-color:#faa51b;
 background-image: url('/images/bg/gradwhite.png') !important;
 background-image:none;
 background-position:left top;
 background-repeat:repeat-x;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/bg/gradwhite.png',sizingMethod='crop');
 vertical-align:middle;
 color: #a60303; /*rojo*/
}

div#popme_contenido{
 position:relative;
 overflow-y:auto;
 overflow-x: auto;
 z-index:inherit;
 padding:3px;
 border: none;
 height:389px;
}

div#popme_contenido {
 border-bottom: 1px solid gray;
 margin-top: 6pt;
 z-index:inherit;
 background:  url('/images/bg/gradient-white.png') fixed top left repeat-x;
}

.nameClick {
 position: relative;
 top:0px;
 left:0px;
 width: auto;
 height: auto;
 border:none ! important;
 margin:0pt ! important;
 border:1px solid #669999;
 margin-bottom:114px;
 background:gray;
}

.namedivup { background: red url(/images/symbols/clossed2.gif) 0px 2px  no-repeat;
             padding-left: 28px;
             border:none ! important;
             width: 90% ! important;
             cursor:pointer;
           }
.namedivdn { background: red url(/images/symbols/openned2.gif) 2px 0px  no-repeat;
             padding-left: 28px;
             border:none ! important;
             width: 90% ! important;
             cursor:pointer;
           }

.namedivup:hover,
.namedivdn:hover {
 text-decoration:underline;
}

.namedivup:visited,
.namedivdn:visited,
.namedivup2:visited,
.namedivdn2:visited {
 text-decoration:none;
 color:inherit ! important;
}

.namedivup2{ background: transparent url(/images/symbols/clossed2.gif) 3px 5px no-repeat;
             padding-left: 21px;
             border:none ! important;
             width: 90% ! important;
             cursor:pointer;
           }
.namedivdn2{ background: transparent url(/images/symbols/openned2.gif) 0px 8px no-repeat;
             padding-left: 21px;
             border:none ! important;
             width: 90% ! important;
             cursor:pointer;
           }

.namedivup2:hover,
.namedivdn2:hover {
 text-decoration:underline;
}

.hand {cursor:pointer;}

.marquito {
 float:left;
 position:relative;
 left:0px;
 top :0px;
 padding: 0px;
 margin:0px;
 margin-right:15px;
 border: none;
 background: transparent;
}

.fotitor2 {
 width:70px;
 border: 0px;
 border-right: 1px solid #0d405f !important;
 border-bottom: 1px solid #0d405f !important;
 z-index:1;
}

.fotitor {
 z-index:1;
}

.mostrocv {
 margin-left:22px;
 border: none ! important;
 width:450px;
 float:left;
}
.mostrocv p {
 font-size: 85%;
}

.mostrofaq {
 margin-left:22px;
 display:block;
}

.mostrofaq p {
 margin-left:0px;
}

.mostrofaq p a {
 color:#a60303;
 display:block;
 text-decoration:none;
}

.mostrofaq p a:hover {
 text-decoration:underline!important;
}

.mostrofaq p a:visited {
 color:inherit ! important;
 display:block;
 text-decoration:none;
}

div#theSlides{
 float:right;
 position: relative;
 right:4px;
 top:0px;
 height:100px;
 background: transparent;
 border:none;
}



/* la altura de cuadris le da aire entre contenido y pie*/
@media only screen and (max-width: 599px) {
    .marcarow{width:100%}
    .marcalogo{float:left;width:100%;}
    .marcatexto{float:left;width:90%;margin-left:0px; padding-right:30px; padding-top:20px;height:auto;}
}
    
@media only screen and (min-width: 600px) {    
    .marcarow{width:730px;}
    .marcalogo{margin-right:10px;top:0px;left:0px;}
    .marcatexto{float:left;width:500px;margin-left:20px; padding-left:20px; height:auto; border-left:1px solid rgba(90,90,90,.3);}
}

.marcarow{
    border-bottom:1px solid lightgray !important;
    float:left;
    top:0px;
    height:auto;
    margin-bottom:18px;
    padding:0px;
    padding-bottom:18px;
}

.marcalogo {
    float:left;
    padding: 1px;
    margin: 0px;
    margin-bottom:4px;
    border: none !important;
    background: transparent ;
    display:block;
    position:relative;
}


#theCuadris{
 float:left;
 position: relative;
 left:0px;
 bottom:0px;
 width:100%;
 height:18px;
 background-color:#d0d9d7;
 background-image: url('/images/bg/bg-undermenu.png') !important;
 background-image:none;
 background-repeat:repeat-x;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/bg/bg-undermenu.png',sizingMethod='scale');
 clear:both;
 margin-top:0px;
 z-index:100000;
}

#theBottomBox{
 width:100%;
 float:left;
 color:#563636;
 padding-bottom:0px;
 margin-bottom:0px;
 z-index:0;
}
#theBottom{
 background-color:#9ca6a6;
 background-image: url('/images/bg/bg-wave22.png') !important;
 background-image:none;
 background-repeat:no-repeat;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/bg/bg-wave22.png',sizingMethod='crop');
 display:block;
 position: relative;
 left:0px;
 bottom:0px;
 clear:both;
 padding-top:50px;
}

div#BottomContact{
 float:left;
 position: relative;
 left:4px;
 bottom:0px;
 padding:3px;
 padding-left:40px;
 padding-top: 5px;
 z-index:100;
}

@media only screen and (max-width: 599px) {
    #BottomCopy{float:left;padding-left:40px;text-align:left;margin:0;margin-top:25px;width:90%;}
    #rlogo {display:none;}
    #theBread {}
    #theBottom{height:180px;}
}
    
@media only screen and (min-width: 600px) {    
    #BottomCopy{float:right;padding-right:44px;text-align:right;right:0px;}
    #rlogo{
        background: #98d90b url(/images/imgempresa/logov.gif) no-repeat;
        opacity:0.3;
        width:34px;height:120px !important;
        z-index:10;float:right;position:absolute;bottom:120px;right: 0px;}  
    #theBread {}
    #theBottom{height:110px;}    
}

#BottomCopy{
 position: relative;
 bottom:0px;
 padding-top: 3px;
 z-index:100;
}

#theTop a,
#BottomCopy a,
#BottomContact a,
#BottomAuthor a{
 padding-top: 0px;
 text-decoration:none;
 color:#a65656;
}


#theTop        a:hover,
#BottomCopy    a:hover,
#BottomContact a:hover,
#BottomAuthor  a:hover{
 text-decoration:underline !important;
}

#BottomContact a:visited ,
#BottomAuthor  a:visited {
 text-decoration:none;
}

@media only screen and (max-width: 599px) {
    #theBread {padding-left:10px;}
}
    
@media only screen and (min-width: 600px) {    
    #theBread {padding-left:40px;}
    #theBread span {font-weight:bold;text-shadow: 0 1px 1px rgba(0, 0, 233, 0.8);}
}


#theBread {
 float:left;
 background: #d0d9d7 url('/images/bg/atablast.gif') no-repeat right top !important;
 padding-bottom:0px;
 padding-right:0px;
 padding-top:0px;
 margin:0px;
 height:24px; /* 24 */
 border:none;
 z-index:110;
 position:relative;
 top:0px;
 left: 0px;
 display:block;
 clear:both;
}

#theBread span {
 background: transparent;
 color:#3c4444;
 float:left;
 width:auto;
 height:24px!important;
 margin-top:0px;
 padding-left:6px;
 padding-right:12px;
 padding-top:0px!important;
 line-height:24px;
}

div#theBread img {
 float:left;
}

.breadimageover  { background: #98d90b;}
.breadimagenover { background: transparent;}

div#theBread a {
 background: transparent;
 color: #a60303;
 float:left;
 font-weight: bold;
 height:24px!important;
 margin-top:0px;
 padding-left:6px;
 padding-right:6px;
 line-height:24px;
 padding-top:0px!important;
 text-decoration: none;
 text-shadow: 0 1px 1px rgba(200, 200, 233, 0.8);
}

div#theBread a:hover {
 text-decoration: underline;
 background:#c6f561;
 background:#98d90b;
-webkit-transition-duration: 0.10s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.10s;
-moz-transition-timing-function: ease-out;
}

#theTop {
 display:block;
 position:relative;
 top:0px;
 bottom:0px;
 width:100%;
 margin:0px;
 padding:0px;
}

#theMaenu {
 background: transparent;
 clear:both;
 color:#a60303;
 float:left;
 height:6px;
 position: relative;
 left:0px;
 top:0px;
 text-align: left;
 width:100%;
 z-index:1200;
}

#theMaenu ul {
 float: left;
 list-style: none;
 margin: 0px;
 padding:0px;
 padding-left:40px;
}

#theMaenu ul li {
 padding:0px;
 margin-right:0px;
 height:26px !important;
 line-height:23px !important;
 text-align: left;
 float: left;
-webkit-transition-duration: 0.35s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.35s;
-moz-transition-timing-function: ease-out;
}

#theMaenu ul li span,
#theMaenu ul li a {
 color:#a60303;
 cursor:pointer;
 background: transparent;
 padding:2px;
 padding-left: 7px;
 padding-right: 7px;
 position: relative;
 left:0px;
 bottom:0px;
}

div#theMaenu ul li:hover {
 background: #c6f561;
}

div#theMaenu ul li span:hover,
div#theMaenu ul li a:hover {
 text-decoration: none;
}
div#theMaenu ul li a:link,
div#theMaenu ul li a:visited {
 text-decoration: none;
}

div.subMaenu {
 background: transparent;
 border-left: 1px dashed #03331c;
 sborder-bottom: 2px solid #03331c;
 float:left;
 height:auto;
 position: absolute;
 padding:0px !important;
 top:152px;
 left:0px;
 text-align: left;
 width:auto !important;
 width:100px;
 z-index:2200;
}

div.subMaenu ul {
 float: none !important;
 list-style: none;
 padding:0px !important;
 margin: 0px!important;
 padding-left:5px !important;
 background: #ffffff !important;
}

div.subMaenu ul li {
 float: none !important;
 padding:0px;
 padding-top:0px;
 margin-left:0px;
 height:19px !important;
 text-align: left;
 padding-left:2px !important;
 padding-right:0px !important;
-webkit-transition-duration: 0.35s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.35s;
-moz-transition-timing-function: ease-out;
}

div.subMaenu ul li span,
div.subMaenu ul li a {
 cursor:pointer;
 background: transparent;
 padding:1px;
 padding-left: 0px;
 padding-right: 0px;
 vertical-align:middle;
 color:#a60303;
 /* font-size:12px; */
 position: relative;
 left:0px;
 bottom:0px;
}

div.subMaenu ul li:hover,
div.subMaenu ul li a:hover{
 text-decoration: none;
}
div.subMaenu ul li:hover{
 text-decoration: none;
 background: #c6f561;
}

div.subMaenu ul li a:link,
div.subMaenu ul li a:visited {
 text-decoration: none;
}

div#theUnderMaenu{
 width:100%;
 clear:both;
 position:relative;
 left:0px;
 top:0px;
 height:6px;
 padding:0px;
 margin:0px;
 background-color:#98d90b;
 background-image: url('/images/bg/bg-supermenu-ff.png') !important;
 background-image:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/bg/bg-supermenu-ff.png',sizingMethod='scale');
 background-position:0px 0px;
 background-repeat:repeat-x;
}
div.undersubMaenu {
 width:auto;
 clear:both;
 position: relative;
 top:3px;
 left:0px;
 height:3px;
}

.theEntra {
 position: relative;
 vertical-aling:middle;
 border:2px ridge maroon;
 padding:12px;
 height:auto;
 color:white;
 background: #0d405f;
 margin-left:150px;
 margin-top:20px;
 margin-bottom:20px;
 text-align:center !important;
 cursor:pointer;
 width:300px!important;
 clear:both;
-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;
}

.theEntra:hover{
 width:320px!important;
 margin-left:140px;
}

div#theMaenu, span {
 list-style: none;
 margin: 0px;
}
div#theMaenu, ul li, ul li a, span a  {
 float: left;
}
div#theMaenu, span a:link, span a:visited {
 text-decoration: none;
}

/* system classes */

.clear {
 clear: left;
 margin: 10px 10px 10px 14px;
 padding: 12px 0 0 8px;
 width: 370px;
}

.blurdiv {
 background: red url('/images/symbols/sinfin.gif') center center no-repeat ! important ;
 width: 50%;
 opacity:0.4;
 filter: alpha(opacity=40);
}

.noimporta{
 color: inherit;
}

.sh2 {
 background:transparent url(/images/bg/bg-h2.gif) no-repeat scroll 0 0;
 clear:both;
 font-size:1.7em;
 left:-20px;
 letter-spacing:0px;
 margin:0px;
 margin-left:-3px;
 padding:32px 4px 16px 21px;
 border-bottom: none ! important;
 position:relative;
 top:-15px;
}

#agenda_titulo {
 float:left;
 border:1px solid #669999;
 background:#dfe url(/images/bg/gradient3.png) repeat;
 padding-left:24px;
 padding:2px;
 font-weight: bold;
 margin-top:10px;
 margin-bottom:10px;
 width:330px;
}
#agenda_lahora {
 float:left;
 margin-top:3px;
 font-weight: bold;
 background:transparent url(/images/symbols/clock_start.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_ladirec {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/neighbourhood.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_llegar {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/car_red.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_lugar {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/house_star.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_telef {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/telephone_red.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_link {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/laptop.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}
#agenda_notas {
 float:left;
 margin-top:3px;
 background:transparent url(/images/symbols/border_draw.gif) no-repeat top left;
 padding-left:24px;
 width:330px;
}

.telefo {
 background:transparent url(/images/symbols/telephone_red.gif) no-repeat top left;
 margin:3px;
 padding-left:24px;
 text-align: left;
}
.mailtu {
 margin:3px;
 background:transparent url(/images/symbols/email_star.gif) no-repeat top left;
 padding-left:24px;
 text-align: left;
}
#comollego {
 margin-top:3px;
 background:transparent url(/images/symbols/car_red.gif) no-repeat top left;
 padding-left:24px;
}

@media only screen and (max-width: 599px) {
    #theBox {width:100%;}
    #theContents {width:100%;}
    #theCopete{float:left;width:100%;padding-left:40px;}
    #theAgenda{border:none !important;}
}
    
@media only screen and (min-width: 600px) {    
    #theBox{width:100%;}    
    #theContents {}
    #theCopete{width:33%; float:right; right:4px;}
    #theAgenda{border-left:1px dashed #faa51b !important;padding: o;padding-left:10px !important;}
}


#theBox{
 float:left;
 display:block;
 position: relative;
 left:0px;
 top:0px;
 z-index:0;
 background: transparent;
 padding: 0px !important;
 padding-top: 20px !important;
 padding-left: 0px !important;
 padding-right: 0px !important;
 padding-bottom: 0px !important;
 margin:0px 0px 0px 0px;
 min-height:10px;
}

#theContents {
 float:left;
 position: relative;
 left:0px;
 top:0px;
 z-index:0;
 display: inline-block;
 margin:0px 0px 0px 0px;
 padding:0px ! important;
 padding-right:0px ! important;
 padding-bottom:10px ! important;
 background: transparent ;
 border:none ! important;
 line-height: 180%;
}

#theCopete{
 position: relative;
 text-align: left;
 margin:0px 0px 0px 0px;
 height:auto !important;
 background: transparent;
-webkit-transition-duration: 0.50s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.50s;
-moz-transition-timing-function: ease-out;
}

#theAgenda{
 display:block;
 float:left;
 margin-left:0px;
 margin-right:0px;
}


#theBreadContainer {
 padding-top:0px;
 padding:0px;
 padding-left:0px;
 height:40px;
 
 margin-left:0px;
 margin-top:30px;
}

#theTitle {
 padding-top:10px;
 padding:0px;
 padding-left:40px;
 height:32px;
 margin-bottom:40px;
}
#theInner {
 float:left;
 display:block;
 z-index:inherit;
 margin-bottom:15px;
 margin-left:0px;
 padding-left:40px;
 margin-right:5px;
 padding-top:2px;
}

.re{background: red}
.gr{background: green}

.enlaces  {background: transparent url('/images/24x24/Globe.gif')         no-repeat 40px 0px ;}
.info     {background: transparent url('/images/24x24/Info.png')          no-repeat 40px 0px ;}
.links    {background: transparent url('/images/24x24/Anchor.gif')        no-repeat 40px 0px ;}
.chat     {background: transparent url('/images/24x24/Usergroup.gif')     no-repeat 40px 0px ;}
.faq      {background: transparent url('/images/24x24/How-to.gif')        no-repeat 40px 0px ;}
.copete   {background: transparent url('/images/24x24/How-to.gif')        no-repeat 40px 0px ;}
.booki    {background: transparent url('/images/24x24/Help_book_3d.gif')  no-repeat 40px 0px ;}
.impo     {background: transparent url('/images/24x24/Bluepin.gif')       no-repeat 40px 0px ;}
.presen   {background: transparent url('/images/24x24/Script.gif')        no-repeat 40px 0px ;}
.tmail    {background: transparent url('/images/24x24/Mail.gif')          no-repeat 40px 0px ;}
.nosotros {background: transparent url('/images/24x24/People.gif')        no-repeat 40px 0px ;}
.contacto {background: transparent url('/images/24x24/Letter.gif')        no-repeat 40px 0px ;}
.eventos  {background: transparent url('/images/24x24/Schedule.gif')      no-repeat 40px 0px ;}
.objetivo {background: transparent url('/images/24x24/Home.gif')          no-repeat 40px 0px ;}
.gallery  {background: transparent url('/images/24x24/fgal.gif')          no-repeat 40px 0px ;}
.fotos    {background: transparent url('/images/24x24/gallery.png')       no-repeat 40px 0px ;}
.equip    {background: transparent url('/images/24x24/eq2.gif')           no-repeat 40px 0px ;}
.mostrar  {background: transparent url('/images/24x24/Hint.gif')          no-repeat 40px 0px ;}
.profesio {background: transparent url('/images/24x24/profesionales.gif') no-repeat 40px 0px ;}
.trofe    {background: transparent url('/images/24x24/profesionales.gif') no-repeat 10px 20px ;}

div#theContents h1  {
 margin-left:0px;
 padding-bottom:6px;
 /*border-bottom:2px solid #0d405f !important;*/
}

div#theContents span,
div#theContents h1 span {
 margin:0px;
 background: transparent;
 font-size:17px;
}

#theTitle h1 {
 background: transparent;
 padding-bottom:10px;
 border-bottom:1px solid #0d405f !important;
}

.titlespan {
 padding-left:35px;
 padding-bottom:8px;
 border-bottom:4px solid #0d405f !important;
}

.titleh1 {
 padding-bottom:9px;
 border-bottom:1px solid #0d405f !important;
}

#theInner h2 {
 text-align:left;
 font-size:15px;
 margin-left:0px;
}

#theInner h3 {
 text-align:left;
 margin:0px;
 margin-bottom:14px;
 padding:0px;
 display:inline;
}

#theInner h4 {
 text-align:left;
 font-size:13px;
 margin:0px;
 margin-bottom:2px;
 margin-top:13px;
 padding:0px;
}

.h2link {
 color:#a60303 !important;;
}

#theInner p {
 margin:0px;
 padding:0px;
 padding-top: 8px,
}

#theInner p a,
#theInner ul li a,
.mostrocv a {
 color: #a60303;
 font-weight: bold;
 text-decoration: none;
}


#theInner p,
#theInner ul li,
#theInner blockquote ul li,
{
 text-decoration: none;
 line-height: 120%;
}

/* --------------  LISTADOS */

.ul_enlaces{
 margin-bottom:40px;
 margin-top:20px;
 margin-left:35px;
 margin-right:46px;

}

.ul_faq{
 margin-bottom:20px;
 margin-top:20px;
 margin-left:35px;
 margin-right:46px;
}

.ul_info, .ol_objetivo{
 margin-bottom:20px;
 margin-top:20px;
 margin-left:35px;
 margin-right:46px;
}

.ul_info li, .ol_objetivo li{
 float:none !important;
}

.ul_enlaces li{
 float:none !important;
 margin-bottom:20px;
}

.ul_faq li{
 float:none !important;
}

.ul_mini{
 margin:0px;
 margin-left:21px;
}
.ul_mini li{
 float:none !important;
}


#theInner ul li a:hover,
#theInner p a:hover,
.mostrocv a:hover {
 text-decoration: underline;
}

#theInner p a:visited {
 text-decoration: none!important;
}

#theInner table {
 background: white ;
 border-left:1px  solid lightgray ;
 border-right:1px solid lightgray ;
 border-bottom:1px solid gray ;
 text-align: left!important;
}

#theInner table tr td{
 background: white ;
 border:none;
 padding:2px;
 border-left:  1px  solid lightgray ;
 border-bottom:1px  solid lightgray ;
}

#theInner table tr th{
 background: #0d405f ;
 color: white ;
 border:none;
}

#theContents a:hover {
 text-decoration: underline;
 /* font-size:11px; */
}

#theContents a {
 color:#a60303;
 text-decoration: none;
 font-weight:bold;
 /* font-size:11px; */
}

.bullnormal{
 background: transparent url('/images/symbols/bulllogo.gif') left no-repeat;
}
.bullopened{
 background: transparent url('/images/symbols/openned2.gif') 0px 5px no-repeat;
 cursor:pointer;
 text-decoration:none;
}
.bullclosed{
 background: transparent url('/images/symbols/clossed2.gif') 3px 2px no-repeat;
 cursor:pointer;
 text-decoration:none;
}
.tesf{
 background: transparent url('/images/symbols/clossed2.gif') 6px 5px no-repeat !important;
 text-decoration:none;
 padding-left:20px;
 margin-left:10px
}

.bullopened a,
.bullclosed a{
 background: transparent!important;
 text-decoration:none;
 color:#a60303;
}
.bullopened a:hover,
.bullclosed a:hover{
 text-decoration:underline !important;
}

.bullopened a:visited,
.bullclosed a:visited{
 text-decoration:none;
}


#theAgenda h1 {
 margin:0px;
 font-size:14px;
 padding-left:22px;
 padding-bottom:4px;
 margin-bottom:7px;
 border-bottom:1px solid lightgray !important;
}

#theAgenda .agenda-item {
 min-height:72px;
 margin-top:0px;
 margin-left:0px;
 margin-bottom:16px;
 border:none !important;
 display:block;
 position:relative;
 top:10px;
 left:0px;
 padding:2px;
 padding-right:20px;
 width:80%;
/* z-index:120!important;*/
-webkit-transition-duration: 0.50s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.50s;
-moz-transition-timing-function: ease-out;
 background: #98d90b; /*verde*/

}
#theAgenda .agenda-item_dontuse:hover {
 left:-5px;
}

#theAgenda .agenda-item:hover {
 background-color:#faa51b;
 cursor:pointer;
}

#theAgenda .agenda-item .agenda-tl  {
 height:9px;
 width:9px;
 margin:0px !important;
 border:none!important;
 background: transparent url('/images/bg/agenda-tl.gif') no-repeat;
 position:absolute;
 top:0px;
 left:0px;
 float:left;
}

#theAgenda .agenda-item .agenda-tr  {
 height:9px;
 width:9px;
 margin:0px !important;
 border:none!important;
 background: transparent url('/images/bg/agenda-tr.gif') no-repeat;
 position:absolute;
 top:0px;
 right:0px;
 float:right;
}

#theAgenda .agenda-item .agenda-bl  {
 height:9px;
 width:9px;
 margin:0px !important;
 border:none!important;
 background: transparent url('/images/bg/agenda-bl.gif') no-repeat;
 position:absolute;
 bottom:0px;
 left:0px;
 float:left;
}
#theAgenda .agenda-item .agenda-br  {
 height:9px;
 width:9px;
 margin:0px !important;
 border:none!important;
 background: transparent url('/images/bg/agenda-br.gif') no-repeat;
 position:absolute;
 bottom:0px;
 right:0px;
 float:right;
}

#theAgenda .agenda-item .agenda-content  {
 position:relative;
 top:0px;
 left:12px;
 margin:0px;
 /* font-size:12px; */
 height:auto !important;
 padding:0px;
 background: transparent;
}

#theAgenda .agenda-item .agenda-content h1 {
 background: transparent;
 font-size:14px;
 border:none ! important;
 padding:0px ! important;
 left:0px ! important;
}

#theAgenda .agenda-item .agenda-content p,
#theAgenda .agenda-faq .agenda-content p {
 /* font-size:12px; */
 margin-left:1px;
}

#theAgenda .agenda-faq {
 margin-top:0px;
 background: transparent;
 border:none !important;
 display:block;
 position:relative;
 top:10px;
 left:0px;
 color: #a60303;
/* z-index:120!important;*/
}

#theAgenda .agenda-faq:hover {
 cursor:pointer;
 text-decoration:underline !important;
}

#theAgenda .agenda-faq:visited {
 color:inherit ! important;
}

#theAgenda .agenda-faq .agenda-content  {
 position:relative;
 top:0px;
 left:12px;
 margin:0px;
 /* font-size:12px; */
 height:auto !important;
 padding:0px;
 background: transparent;
}

#theAgenda .agenda-faq .agenda-content h1 {
 background: transparent;
 border:none ! important;
 padding:0px ! important;
 left:0px ! important;
}

#theAgenda .agenda-faq .agenda-content p {
}
.fbu {
 border:1px solid #CCCCCC !important;
 background: #d0d9d7 url(/images/fbu.jpg) top left repeat-x !important;
}
.fbr {
 border:1px solid #ff5656 !important;
 background: lightyellow url(/images/fbu.jpg) top left repeat-x !important;
}

.fbd {
 border:2px solid #CCCCCC !important;
 background: #d0d9d7 url(/images/fbu.jpg) top left repeat-x !important;
}

.fbt {
 border:2px solid #CCCCCC !important;
 background: #d0d9d7 url(/images/bg/gradwhite.png) repeat-x ! important
}

.w100p { width: 100%; }
.w90p { width: 90%; }
.wauto{ width: auto !important; }

.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w700 { width: 700px; }
.w740 { width: 740px; }

/*
*/

@media only screen and (max-width: 599px) {
    .mediocontent {}
    .muchocontent {}
    .fullcontent  {}
}
    
@media only screen and (min-width: 600px) {    
    .mediocontent { width: 495px; }
    .muchocontent { width: 595px; }
    .fullcontent  { width: 782px; }
}


.mediocopete  { display:block;}
.pococopete  {display:block;}
.cerocopete   {display:none;}

.h18  { height:  18px;}
.h50  { height:  50px;}
.h70  { height:  70px;}
.h200 { height: 200px;}
.h300 { height: 300px;}

.f70 {font-size: 70% !important;}
.f80 {font-size: 80% !important;}
.f90 {font-size: 90% !important;}
.f110 {font-size: 110%!important;}
.f120 {font-size: 120%!important;}
.f150 {font-size: 150%!important;}

.astec {font-size: 150%!important;
        text-decoration:none;
        font-weight:bold;
        padding:0px !important;
        border:none !important;
        border-bottom:none !important;
        color:#a60303;}

.popme_hide {visibility: hidden;display:none;}
.popme_show {visibility: visible;display:block;}

div#loading_box {
 position:absolute;
 top:158px;
 left:8px;
}

.marquitothumb {
 float:left;
 padding: 2px;
 margin:0px;
 margin-right:10px;
 margin-bottom:4px;
 background: white url(/images/bg/21.jpg);
 position:relative;
 top:4px;left:0px;
}

.fotitothumb {
 float:left;
 border: none ! important;
 border: 1px ridge #ef7427 ! important;
 width:182px;
 z-index:-1;
}

.marquitoequip {
 float:left;
 padding: 1px;
 margin:0px;
 margin-right:10px;
 margin-bottom:4px;
 border: none !important;
 background: transparent ;
 display:block;
 heisght:auto;
 position:relative;
 top:0px;left:0px;
}

.fotitoequip {
 margin-top:0px;
 border: none ! important;
 border-right: 1px solid #98d90b ! important;
 border-bottom: 1px solid #98d90b ! important;
 z-index:-1;
}

.marquitoequip2 {
 float:left;
 padding: 0px;
 margin:0px;
 margin-right:10px;
 margin-bottom:4px;
 position:relative;
 top:4px;left:0px;
}

.fotitoequip2 {
 float:left;
 border: none ! important;
 z-index:-1;
 border-right: 1px solid #98d90b ! important;
 border-bottom: 1px solid #98d90b ! important;
}

.galeria_thumb {
 float:left;
 padding: 0px;
 position:relative;
 top:4px;left:0px;
}

.foto_thumb {
 float:left;
 border: none ! important;
 border: 2px ridge #faa51b;! important;
 width:380px;
 z-index:-1;
}

.estaes {
 padding:4px;
 padding-left:12px;
 padding-right:12px;
 background: #98d90b; /*verde*/
}
.estano {
 padding:3px;
 padding-left:11px;
 padding-right:11px;
 background: transparent;
 border: 1px dotted #faa51b;! important;
}
.estaes:hover,
.estano:hover {
 background: #faa51b;
}

.im28 {
 border:none !important;
}

.equidiv {
 float:left;
 background: #5ee4eb;
 padding: 3px;
 position:relative;
 top:0px;left:0px;
 margin:0px;
 margin-right:11px;
 margin-bottom:3px;
}

.equi_thumb {
 float:right;
 border: none ! important;
 border: 2px ridge #faa51b;! important;
 width:120px;
 z-index:-1;
}

.highs {
 background:transparent;
 width:auto !important;
 width:40px;
 height:2px !important;
 height:1px;
 padding-top:1px;
 padding:0px;
 position:relative;
 left:0px;
 top:25px !important;
 top:0px;
}

.highsON {
 background: #faa51b;
}

.ficha_calendario {
 float: left;
 width: 470px;
 height: auto;
 position: relative;
 left: 0px;
 top:  0px;
 margin-bottom:30px;
 clear:both;
 background: transparent;
}

.ficha_calendario .calenda_unidad {
 float: left;
 position: relative;
 height: auto;
 left: 0px;
 top:  0px;
 background: transparent;
}
.ficha_calendario .calenda_bg {
 float: left;
 width: 100px;
 height: 125px;
 position: relative;
 left: 0px;
 top:  0px;
 text-align:center;
 background: transparent url('/images/bg/calbase.gif')no-repeat 0px 0px ;
}
.ficha_calendario .calenda_ano {
 float: left;
 width: 84px;
 height: 50px;
 position: absolute;
 left: 5px;
 top:  2px;
 padding:0px;
 font-size:140%;
 color:#ffffff;
 text-shadow: 0 3px 5px rgba(0, 0, 233, 0.8);
 border:0px solid blue;
}
.ficha_calendario .calenda_dia {
 float: left;
 width: 84px;
 height: 50px;
 position: absolute;
 left: 5px;
 top:  54px;
 padding:0px;
 font-size:400%;
 font-weight:bold;
 text-shadow: 0 3px 5px rgba(94, 94, 94, 0.8);
 border:0px solid blue;
}
.ficha_calendario .calenda_mes {
 float: left;
 width: 84px;
 height: 20px;
 position: absolute;
 left: 5px;
 top:  23px;
 font-size:120%;
 border:0px dotted blue;
}
.ficha_calendario .calenda_di3 {
 float: left;
 width: 84px;
 height: 20px;
 position: absolute;
 left: 5px;
 top:  88px;
 font-size:120%;
 font-weight:bold;
 border:0px dotted blue;
}
.ficha_calendario .calenda_body {
 position: relative;
 left: 0px;
 top:  -12px;
 width:340px !important;
 margin-left:130px;
 display:block;
 border-bottom:1px dotted #c0c0c0;
}


/* solapas */

ol#solapa {
 height: 24px;
 list-style: none;
 margin:0px 0px 0px 0px;
 padding: 0px;
}
ol#solapa li {
 float: left;
 positon: relative;
 top :0px;
 left:5px;
 border:none;
 height: 24px!important;
 cursor: pointer;
 margin:0px 1px 0px 0px;
 opacity:0.6;
 filter:alpha(opacity=70);
 padding:6px 6px 4px 6px;
 padding:0px;
 text-align:center;
-webkit-transition-duration: 0.50s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.50s;
-moz-transition-timing-function: ease-out;
}
ol#solapa li:hover {
 opacity:1.0;
 filter:alpha(opacity=100);
}

ol#solapa li input {
 positon: relative;
 top :0px;
 left:0px;
 float: left;
 height: 24px;
 border:none;
 margin:0px;
 cursor: pointer;
 color: #404040;
 padding:0px;
 padding:6px 6px 4px 6px;
 width: auto;
 overflow:visible;
 text-shadow: none;
}

.current {
 color: #f00000 ! important;
 opacity:1.0 !important;
 filter:alpha(opacity=100) !important;;
 height:27px !important;
 border-left:2px dotted black;
}
.current input {
 color: #000000 ! important;
 text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6) !important;
}

#div_solap_maine { border: 2px solid #bed984; background:#e3e8e7; }
#div_solap_ficha { border: 2px solid #fae8ca; background:#e3e8e7; }
#div_solap_carac { border: 2px solid #d0d9d7; background:#e3e8e7; }
#solap_maine { background: #bed984 url(/images/solapa.gif) top right no-repeat;}
#solap_ficha { background: #fae8ca url(/images/solapa.gif) top right no-repeat;}
#solap_carac { background: #d0d9d7 url(/images/solapa.gif) top right no-repeat;}



/* solapas */
@media only screen and (max-width: 599px) {
    .fichaequipo {left:0px;}
    #fichas_container{width:auto;}
    .xCard{width: 85%;padding:15px 5px;}
    .Card1{width: 85%;padding:15px 5px;}
}
    
@media only screen and (min-width: 600px) {    
    .fichaequipo {left:21px;}
    #fichas_container{width:400px;}
    .xCard{width: 400px;padding:35px 25px;}
    .Card1{width: 400px;padding:35px 25px;}
}


.fichaequipo {
 position:relative;
 top:0px;
 float:left;
 margin-left:0px;
 margin-bottom:10px;
 padding-top:0px;
 z-index:1000;
 padding-bottom:20px;
}
#fichas_container{
 float:left;
 z-index:150;
 position:relative;
 top:0px;
 left:0px;
 display:block;
}
.xCard {     
 margin:auto;
 border:1px dotted black;
 aborder:none;
 height: auto;
 position:absolute;
 left:0px;
 top:0px;
}
.Card1 {
 margin:auto;
 border:none;
 height: auto;
}