/*
	=====================================
	project: Distinctive
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija              LO77sonoko
	=====================================
*/

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}     /*url(../images/fondo-linea1.png)*/
body { font: .8em Arial, Tahoma, Verdana; background: #eee url(../images/fondo-linea-gris.png) repeat-x; color: #777; }
a { text-decoration: none; color: #B20F0F; }
h1 { font-size: 1.4em; font-weight: normal; }
h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 1.2em; }
.left h3 {font-size: 1.2em; background: #444 url(../images/grisbg.png) repeat-x left bottom; padding: 6px 7px; color: #fff; font-weight: normal; margin: 0 0 0px; float: left;}

h3 {font-size: 1.2em; background: #444 url(../images/grisbg.png) repeat-x left bottom; padding: 6px 7px; color: #fff; font-weight: normal; margin: 0 0 15px; float: left; }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
p { line-height: 1.64em; margin: 0 0 15px; }
.line { clear: both; border-bottom: 1px solid #ddd; margin: 0;}
.clear { clear: both; }
#content { width: 970px; margin: 0 auto; }
#top { color: #ccc; padding: 6px 20px 0; font-size: .84em; text-align: right; }
#logo { float: left; background: url(../images/grisbg.png) repeat-x; padding: 100px 25px 15px; margin: -46px 0 10px; }
#logo h1 { text-shadow: 1px 1px 1px #333; }
#menu { float: right; margin: 63px 20px 0; }
#menu li { display: inline; font-size: 1.3em; }
#menu li a { float: left; color: #ccc; padding: 0 0 5px; margin: 0 0 0 20px; }
#menu li a:hover, #menu li.current a, #menu li a:focus { color: #fff; border-bottom: 1px solid #ddd; }
#pitch {height: 350px; /*background: url(../images/monitor.gif) no-repeat right top; padding: 30px 350px 0 0; border-bottom: 1px solid #ddd; height: 210px; margin: 0 0 35px;*/ }
#slogan {display:block; font-size: 1em; color: #fff; margin: -5px 0 0 0;text-align:right !important;}

#pitch h1 { font-size: 2.6em; color: #000; margin: 0 0 20px; }
#pitch h2 { line-height: 1.5em; }
.left { float: left; width: 250px; }	
.right { float: right; width: 630px; margin: 0 0 20px; }
.right h3 { background: #808080; font-size: .84em; }
.third { float: left; width: 296px; margin: 0 40px 20px 0; /*background-color:#ccc;*/}
.third h3 span {font-size: 1em; text-align:center;float: left; margin-right: 5px; width: 12px; height:12px; border:2px solid #fff; display:block; background:#444 /*url(../images/listo-blanco-izq.png) no-repeat 50% 50%*/; }
.last { margin-right: 0; }
#footer { clear: both; font-size: .84em; border-top: 1px solid #ddd; padding: 20px 0 0; }
	
/*Formulario de contacto*/
.p01-contact {border-top: 2px solid #444; padding: 20px 0px;}
.p01-contact .field {margin: auto; width: 220px;}
.p01-contact .field input { margin:auto;width: 220px;height: 25px; }
.p01-contact input.submit { margin-left:50px !important; margin-top:20px !important; width: 120px; height: 25px; }
.p01-contact .field textarea {margin: auto; width: 220px;}
/* those are known fields */                                                                               

.p01-contact .captcha{margin:auto;}
/* those are user-defined fields (labels only) */
.p01-contact .answer{color:red;}
.p01-contact .response{color:blue;}
/*Formulario de contacto*/  

img.bordeimagen {   
margin: 0 6px 0 4px !important;
display: block;
float: left;
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;}

img.bordeimagen .esquina{position:relative;
top:0px;
right:0px; }
.leermas {color:#333;}
#datos span {font-size: 1em; text-align:center;float: left; margin-right: 5px; width: 25px; height:25px; border:2px solid #fff; outline:#000 solid 1px; display:block; background:#444 url(../images/email-blanco.png) no-repeat 50% 50%; }
#datos {margin-bottom: 10px; color: #000; border-top: 2px solid #444; width: 230px; padding: 10px 5px 10px 10px; display:block; background:#fff;}
.extn { padding: 7px 7px;  height: 1.2em; background-color: #000; width: auto;}