*{margin:0;padding:0;}
body{font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;background:#210;margin:0;padding:0;color:#000;}
ul, ol, dl{padding:0;margin:0;}
.ajaxh1{color:#00C;}
#francisco{position:relative;margin-left:-500px;opacity:0;}
.at{opacity:0;left:500px;position:relative;}
.contacto{opacity:0;top:-500px;position:relative;}
.dosmil12{opacity:0;left:500px;position:relative;}
.dechos{opacity:0;left:500px;position:relative;}
.mbw{opacity:0;left:500px;position:relative;}
.bloquedecho{opacity:0;left:500px;position:relative;}
#entrar{opacity:0;left:10px;position:relative;top:-60px;}
#brillo{opacity:0.3;left:0px;top:0px;position:relative;width:0px;height:60px;box-shadow:0px 0px 36px 8px #FFFF98;z-index:700;}
h1, h2, h3, h4, h5, h6{margin-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px;color:#FFA64D;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a img{border:none;}
a:link{color:#42413C;text-decoration:underline;}
a:visited{color:#6E6C64;text-decoration:underline;}
a:hover, a:active, a:focus{text-decoration:none;}
.footer a:hover{color:#00CCCC;}
.container{width:680px;
max-width:90%;
border:solid 1px #42413C;margin:0 auto;background-color:#330000;margin-top:100px;box-shadow:0px 0px 15px 4px #E2E2E2;background-image:url(../img/adarquitectotecnico-fondo.jpg);background-repeat:no-repeat;height:393px;}
.contenido{padding:5px 0 5px 5px;text-align:left;}

@media (min-width: 768px) {
   .contenido{padding:100px 0 85px 280px;text-align:left;}
}



div .contenido p{color:#FFA64D;font-style:normal;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.float-left{float:left;}
.float-right{float:right;}
.footer{padding:23px 10px 5px 10px;text-align:center;}
#trasparencia{background-color:#FFF;filter:alpha(opacity=10);-moz-opacity:.1;opacity:.10;}
#notrasparencia{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.footer a{font-size:12px;color:#FFFFFF;}
.footer p{font-size:12px;color:#fff;}
.footer p span{font-size:95%;color:#0033CC;;font-family:"Trebuchet MS";color:#0099FF;}
.clearfix2:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
#copyright{color:#FFFFFF;font-size:12px;margin-top:0px;text-shadow:-1px -1px 3px #036;text-align:left;}
#contacto{color:#FFFFFF;font-size:12px;margin-top:0px;text-shadow:-1px -1px 3px #036;text-align:right;}
.contenido h1{color:#FFF;text-shadow:-4px 0px 7px #999;font-size:24px;}
#marca{color:#0099FF;text-decoration:none;}
#marca:hover{color:#00CCCC;text-decoration:underline;}
#francisco{font-family:Arial;font-size:16px;}
a#francisco{color:#fff;font-family:Arial;font-size:24px;text-decoration:none;}
a#francisco:hover{color:#5599C7;font-family:Arial;font-size:24px;text-decoration:none;}
a.tooltip{outline:none;}
a.tooltip strong{line-height:30px;}
a.tooltip:hover{text-decoration:none;}


a.tooltip span{
display: none;
line-height: 47px;
margin-left: -5em;
margin-top: -3em;
padding: 2px 6px;
width: 67px;
z-index: 10;
}

@media (min-width: 768px) {
	
	a.tooltip span{line-height:25px;margin-left:2em;margin-top:-2em;width:90px}

}




a.tooltip:hover span{display:inline;font-size:12px;position:absolute;color:#111;border:1px solid #DCA;background:#fffAF0;}
.callout{z-index:20;position:absolute;top:30px;border:0;left:-12px;}
a.tooltip span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:2px 2px 3px #CCC;-webkit-box-shadow:5px 5px 8px #CCC;box-shadow:2px 2px 3px #CCC;}