@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
/*

	gris= #799691
	Morado = #970050
	
	*/
   address:after{
/* \40 es un código para escribir el caracter '@' */
content: " info\40 burman.es";
} 

article, aside, details, footer, header, menu, nav, section { display: block; }

/* =classes -------------------------------------------------- */
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.fright { float:right; }
.fleft { float:left; }
.nofloat { float:none; }
.mright { margin-right:10px; }
.mleft { margin-left:10px; }
.mbottom { margin-bottom:10px; }
.cleft { clear:left; }
.cright { clear:right; }
.cboth { clear:both; }
.structural { position:absolute; top:-800em; left:-800em; }
.hide { display:none; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height:1%; }
.separador10 { width:100%; height:5px; margin:20px 0; background: url(images/diagonales.png) repeat-x; float:left }
#content .w100{width:100%;}
/* ============================================================

forms

=============================================================*/
#col_formulario{ width:400px;float:left; margin:0; padding:50px; text-align:center}
#col_map{width:400px; float:right;}
.mapa{width:400px; height:550px;float:right;} 
.formrow{margin:0 0 15px 0;}
#formulario label.error, #formulario input.submit { margin-left: 15px; color:#C00 }
input.radio{float:left; width:auto; height:auto; margin-left:0px;}

form{padding:0;}
label{margin:25px !important;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:1.5em; color:#666; line-height:110%}
input{margin-right:5px; background:#fff; border:1px solid #ddd; color:#666; font:normal 2.0em Arial,Helvetica,sans-serif; width:100%; text-align:center; padding:10px;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
height:25px;}
select{margin-right:5px; background:#fff; border:1px solid #003; color:#666; font:normal 1em Arial,Helvetica,sans-serif;}
textarea{width:100%; background:#fff; border:1px solid #ddd; color:#666; font:normal 0.9em Arial,Helvetica,sans-serif; overflow:auto;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px}
button{background:#333; border:0; color:#000; font-weight:bold; font:bold 1.0em Helvetica,Arial,sans-serif;}
.boton { padding:3px 8px; background:#333 repeat-x; color:#fff; text-align:center; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:1.5em !important; text-transform:uppercase; }
input.boton { width:120px; height:30px; padding:3px 8px; background:#333 repeat-x; color:#fff; text-align:center; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:1.5em !important; text-transform:uppercase; }

a:hover.boton { text-decoration:none; color:#CCC; }
.form_mitad { width:270px; border:none; float:left; border-top:2px solid #f2f2f2; padding:10px 0 0 0; margin:0 20px 0 0; }
.form_mitad input,
.box { margin-right:5px; border:0; width:auto; }
.registro { background:#f2f2f2; padding:10px; }
.registro input { background: #fff; border:1px solid #eee; }
input.calcu { background: #fff; border:1px solid #eee; width:auto; height:15px; padding:5px; }
#textarea .formulario-estandar { font:.9em Arial, Helvetica, sans-serif; }
#textarea .formulario-estandar form { margin:18px 0 0 10px; padding:0; }
#textarea .formulario-estandar .campo { height:34px; }
#textarea .formulario-estandar .campo label { float:left; display:inline; width:120px; margin:0 10px 0 0; font-weight:normal; }
#textarea .formulario-estandar .campo input { margin:0; width:200px; padding:3px 0; }
#textarea .formulario-estandar .campo.corto input { width:100px; }
#textarea .formulario-estandar .boton { padding:10px 0 0; }
#textarea .formulario-estandar .boton button { font-size:.95em }
#textarea .formulario-estandar p.nombre-formulario { margin:7px 10px 0 10px; padding:0 0 7px; font:1.4em Helvetica, Arial, sans-serif; }
.error { color:#F00; font-weight:bold; }

/* ============================================================

generales

=============================================================*/

h1 { font: normal 3.4em 'ComfortaaLight', Helvetica, Arial; }
h2 { font-family: 'Montserrat', sans-serif; font-weight:700;text-transform:uppercase; font-size:2.5em; text-transform:uppercase; color: #666; margin: 0 0 35px; line-height:0.95em }
h2 span a { font: normal 0.6em 'ComfortaaLight', Helvetica, Arial; color: #dfdfdf; margin: 0 0 0 40px; text-align:right; }
h2 span a:hover { color: #eee; }
h3 { font: normal 1.4em 'ComfortaaLight', Helvetica, Arial; margin: 0 0 20px; color: #999; }
h4,
h4 span { font: normal 1.5em 'ComfortaaLight', Helvetica, Arial; color: #970050; margin: 0 0 4px; }
p,
p span { margin: 0 0 15px; line-height: 1.5em; font: normal 1.1em "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans; color: #333; }
a { outline: 0; color: #970050; text-decoration: none; font-family:"Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans;}
li { list-style: none; font-family:"Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans; }
li a,
img { display: block; }
img { outline: 0; border: 0; }
.link { background: #333; color: #fff; padding: 5px 10px; font-size: .9em; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.nota { font-size:1.0em !important; color:#FFF }
* { margin: 0; padding: 0;outline: 0;  }
body { font: .74em "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans; color: #7f7f7f;margin: 0;
    padding: 0;
    background: transparent}
 body, html { height: 100%; }           
article, aside, details, footer, header, menu, nav, section { display: block; }
.logo{margin:15px; width:400px}

/* ============================================================

BLOQUES GENERALES

=============================================================*/
/*#wrapper { width: 920px;margin:190px auto 0 auto; background: transparent url(images/bg_wrapper.png) repeat top;top:180px; }*/
#content { background: url(images/bg_cotent.png) no-repeat; padding: 10px 0 0;  }
#content_all { background:#000 url(images/bg_cotent_all.png) no-repeat; padding: 20px; border-bottom:2px dotted #333; border-top:0px solid #333; }
#content_all h2 { margin: 0 0 10px; font-size:2.0em; }
#content_all h2 span { margin: 0 0 0 80px; font-size:0.5em; color:#999 }
#content p { font: normal 1.2em "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans; color: #333; margin: 0 0 20px; }
#content h2 { text-align:left; margin: 0 0 10px; font-size:1.8em; border-bottom:0px solid #970050; padding:0; background:transparent url(images/line.png) no-repeat bottom left }

#content .left{float:left; width: 46%;}
#content .right{float:right; width: 46%;}
#content .right img{float:right; width: 100%;}

#content .right video{float:right; width: 100%;}
#content .right .video{width: 440px; height:330px}

.clr { clear: both; }
.nota{font: normal 0.9em "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans; color: #ddd !important; margin: 10px 0 0 !important;}
#error{width:920px; height:250px;  margin-bottom:50px;}
#error h2{font-size:2.2em; color: #000; margin:0; padding:0;}
#redes{clear:both; margin:10px 0 10px 0; text-align: right; padding: 0 0 0 0}
#redes a{float:left;}

/* ============================================================

COLUMNAS

=============================================================*/
.col { float: left; width: 270px; margin: 0 50px 50px 0; }
.col.last { float: right; margin-right: 0; }
.col img { border: 0px solid #666; margin:0 0 0 30px; float: right; }
.col li { font-size: 1.2em; }
.col li a { color: #fff; margin: 0 0 10px 0; padding: 5px 10px 5px 0; font-size: .9em; border-bottom:0px solid #434343; border-top:0px solid #434343; float:left; width:100% }
.col li a:hover { background: #333 url(images/bg_boton.png) repeat top; padding: 5px 10px 5px 5px; color: #fff; }
.col li a.active { background: #333 url(images/bg_boton.png) repeat top; color: #fff; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; border-bottom: none }
.col li a.last { color: #fff; margin: 0 0 0 30px; border-bottom: none }
#col_left { float: left; width: 700px; margin: 0 0 15px 0; }
#col_left img { float: left; margin: 0 0 15px 0; border:2px solid #fff; }
#col_right { float: right; width: 200px; margin: 0; }
#col_right .bloque { padding: 10px; background:#f6f6f6 url(images/bg_bloque.png) no-repeat left; margin:0 0 10px 0; border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; }
#col_right .bloque h2 { padding: 0; border: none; color:#8e8e8e }
#col_right .bloque p.telefono { font: normal 2.5em 'ComfortaaLight', Helvetica, Arial; text-align:left; color:#970050; margin:0 0 0 40px; padding:0 0 0 50px; background:url(images/telefono.png) no-repeat left top; }
#col_right img.thum { float: left; width: 140px; margin: 0 30px 15px 0; padding: 5px; border:2px solid #fff; }