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

/* tag based */

body {
 margin:10px auto 0px auto;
 padding: 0px;
 border: 1px solid blue;
 width: 90%;
 max-width: 900px;
 min-width: 800px;
 font-family: Verdana, Arial;
 height:602px;
 font-size: 8pt;
 background: #fff url('../images/bg/bodybg.jpg');
}

.p10 {font-size: 10px;}
.p12 {font-size: 12px;}
.p14 {font-size: 14px;}
.p16 {font-size: 16px;}
.p20 {font-size: 20px;}
.p24 {font-size: 24px;}
.p32 {font-size: 32px;}

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

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

.m50 {
 position: relative;
 left: 15px;
}

h1 {
 margin-left: 8px;
 font-size: 14pt;
}
h2 {
 font-size: 14pt;
 margin-left: 16px;
}
h3 {
 margin-left: 24px;
 font-size: 12pt;
}
p {
 margin-left: 24px;
 font-size: 10pt;
}
pre {
 padding: 4px;
 background-color: #FAFAFA;
 color: #099;
 border: 1px dashed #066;
 overflow: auto;
 min-height: 60px;
 width: 334px;
}

.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#theSite {
 position: relative;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 max-width:900px;
 border:3px solid red;
 background: #ccf;
 border:0px dashed gray;
}

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

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

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;
 color: #000;
}

div#thebox{
 float:left;
 position: relative;
 left:6px;
 top:6px;
 z-index:0;
 text-align: left;
 margin:0px 0px 0px 0px;
 padding:0px ! important;
 width:350px;
 height:490px;
 background: transparent ;
 border:none ! important;
}
div#our_shadow{
 float:left;
 position: absolute;
 left:7px;
 top:7px;
 z-index:0;
 text-align: left;
 border:none ! important;
 margin:0px 0px 0px 0px;
 padding:0px ! important;
 width:550px;
 height:460px;
 background: transparent ;
}
div#our_contents{
 float:left;
 position: absolute;
 left:0px;
 top:0px;
 z-index:0;
 text-align: left;
 border:1px ridge blue;
 margin:0px 0px 0px 0px;
 padding:0px ! important;
 width:550px;
 height:460px;
 background: #fff url('../images/bg/gradient-white.png') fixed bottom left repeat-x;
}
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:10px;
 top:0px;
 border:1px solid blue;
 float:right;
 width:125px;
 height:auto;
 color:#f79;
 padding:0px ! important;
 font-size:18px;
 background: #fff url('../images/bg/bluef.jpg') repeat-x left top;
 text-align: center;
 vertical-align:middle;
}
div#dia {
 border:none;
 margin:0px ! important;
 margin-top:5px;
 color:#363B8C;
 text-align: center;
 font-size:64px;
 font-family: Verdana, Arial;
 font-weight: bold;
 height:auto;
 background: #f77 url(../images/bg/27.jpg) repeat left bottom;
 vertical-align:middle;
}

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

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


div#theFlags{
 float:left;
 position: relative;
 left:0px;
 top:0px;
 text-align: left;
 border:0px solid black;
 width:650px;
 background: transparent;
 padding: 0px;
 height:16px;
}
.singleFlag{
 float:left;
 position: relative;
 padding: 2px;
 height:12px;
 width:22px;
 border:none ! important;
 background: #F1F1FE;
 vertical-align:middle;
 text-align: center;
}
.blurFlag{
 opacity:0.4;
 filter: alpha(opacity=40);
}
.showFlag{
 opacity:1;
 filter: alpha(opacity=100);
}

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

#theFlags li{
	float: left;
	padding-right: 3px;
}

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

.namedivup { background-image : url(../images/symbols/closed.jpg);
             background-position: 2px;
             padding-left: 22px;
             border:none ! important;
             width: 90% ! important;
             background-repeat: no-repeat;
             cursor:pointer;
           }
.namedivdn { background-image : url(../images/symbols/opened.jpg);
             background-position: 2px;
             padding-left: 22px;
             border:none ! important;
             width: 90% ! important;
             background-repeat: no-repeat;
             cursor:pointer;
           }

.hand {cursor:pointer;}

.marquito {
 float:right;
 padding: 6px;
 margin:8px;
 border: 1px solid blue ! important;
 background: yellow url(../images/bg/21.jpg);
}
.fotitor {
 border: none ! important;
 border: 3px ridge #ef7427 ! important;
 z-index:-1;
}

.mostrocv {
 margin-left:28px;
 margin-bottom:12px;
 border: none ! important;
}
.mostrocv p {
 font-size: 85%;
 color: black;
}

div#theBottom{
 float:left;
 position: absolute;
 left:-1px;
 bottom:-1px;
 width:100%;
 text-align: center;
 font-size: 8pt;
 height:16px;
 background: transparent url('../images/bg/topbg.jpg');
 border:1px solid blue;
 color:white;
}
div#BottomCopy{
 position: relative;
 float:left;
 margin-left:4px;
 font-weight: bold;
 padding: 1px;
 color:darkblue;
}
div#BottomContact{
 position: relative;
 float:left;
 color:darkgreen;
 padding-left: 101px;
}
div#BottomAuthor{
 float:right;
 margin-right:4px;
 position: relative;
 color:darkgreen;
 padding: 1px;
}

div#todotop {
 background: #CCCCFF url('../images/bg/gradwhite.png');
 height:80px;
 border:0px solid red;
}

div#theMaenu {
 position: relative;
 left:0px;
 top:0px;
 float:left;
 width:640px;
 text-align: center;
 border:0px solid red;
 height:60px;
 background: transparent;
}

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;
 color: #033;
 background: #FFF;
}

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

/* faure randomizers */

.f1 {font-family: arial  ;}
.f2 {font-family: times  ;}
.f3 {font-family: verdana;}
.f4 {font-family: georgia;}
.f5 {font-family: lucida;}
.f6 {font-family: comic;}

.c1 {color: #C71585 ;}
.c2 {color: #556B2F ;}
.c3 {color: #FF4500 ;}
.c4 {color: #008080 ;}
.c5 {color: #4790CF ;}
.c6 {color: #C300FF ;}
.c7 {color: #3399CC ;}
.c8 {color: #66CC00 ;}
.c9 {color: #996633 ;}

.fs1 {font-size: 18px;}
.fs2 {font-size: 16px;}
.fs3 {font-size: 14px;}
.fs4 {font-size: 12px;}
.fs5 {font-size: 10px;}

.noimporta{
 color: inherit;
}

.sh2 {
 background:transparent url(../images/bg/bg-h2.gif) no-repeat scroll 0 0;
 clear:both;
 color:#5B053F;
 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;
 font-family: Verdana, Arial;
 padding-left:24px;
 padding:2px;
 font-weight: bold;
 font-size:12px;
 margin-top:10px;
 margin-bottom:10px;
 width:330px;
}
#agenda_lahora {
 float:left;
 border:0px solid red;
 font-family: Verdana, Arial;
 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;
}

.fbu {
 border:2px solid #CCCCCC !important;
 background: #fffe9e url(../images/fbu.jpg) top left repeat-x !important;
}
.fbr {
 border:2px solid #5500ff !important;
 background: #33ffdd url(../images/fbu.jpg) top left repeat-x !important;
}
/* background: #9e9e9e url(../images/fbu.jpg) top left repeat-x !important;*/
.fbd {
 border:2px solid #CCCCCC !important;
 background: #9e9e9e url(../images/fbu.jpg) top left repeat-x !important;
}

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

.w100p { width: 100%; }
.w90p { width: 90%; }

.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; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

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

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

.leg1 {
 cursor: default;
 border-style: none;
 border-left-style: solid;
 border-left-width: 1px;
 border-left-color: #755777 ;
 border-right-style: solid;
 border-right-width: 1px;
 border-right-color: #755777 ;
 background: #c9c9c3 url(../images/bg/gradwhite.png) repeat-x ! important;
 color: #3f7b0e;
 padding-left:10px;
 padding-right:10px;
 text-align:left;
 text-decoration: none;
}

.btsend   { background-image : url(../images/symbols/sendme.gif);
            background-position: 2px;
            padding-left: 25px;
            margin-left: 5px;
            background-repeat: no-repeat;
           }
.btblu   { background-color: #B0E0E6; }