@charset "utf-8";
/* CSS Document 
  
E-INFO DEMO 2009 - Entorno Digital
Gemma Valls Llobet

*/


/* RESET
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, /*a,*/ abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead /*tr, th, td*/ {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img {border: 0;}
/*table {border-collapse: collapse; border-spacing: 0;}*/
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

img
{
-ms-interpolation-mode: bicubic;
}

.clear { clear:both;}

/* LAYOUT
--------------------------------------------------------------------------- */
body { background: url(../images/einfo_demo_fondo.jpg) repeat-x top #4198c4; font-family: Tahoma, Geneva, sans-serif; font-size: 0.8em; color: #000;}
h1 { font-size: 1.8em;}
h2 { display:block; font-size:2em; color:#ed5d18; margin:10px 0 30px 0; font-weight:lighter;}
p { line-height:17px;}
.colorgris { color:#aaa;}

#wrapper { margin:10px auto; width:920px; height:auto; background:#fff; padding:10px; overflow:hidden;}

/* CABECERA
--------------------------------------------------------------------------- */
#cabecera, #cabecera_ecommerce { float:left; width:920px;   margin-bottom:10px;}
#cabecera { background: url(../images/einfo_demo_cabecera2.jpg) no-repeat top #fff; height:248px;}
#cabecera_ecommerce { background: url(../images/ecommerce_demo_cabecera.jpg) no-repeat top #fff; height:235px;}
#cabecera .slogan, #cabecera_ecommerce .slogan { float:left; width:430px; font-size:1.9em; line-height:1.2em;   font-weight: lighter;}
#cabecera .slogan { color:#979797; margin:35px 0 0 30px;}
#cabecera_ecommerce .slogan { color:#fff; margin:20px 0 0 30px;}
#cabecera .slogan strong { color:#000; font-weight:lighter;}
#cabecera a, #cabecera_ecommerce a { float:right; width:107px; height:26px; padding:7px 0 0 16px; background: url(../images/einfo_demo_bot_contacta.png) no-repeat top left; font-size:1.5em; color:#ed5d18; text-decoration:none; margin-top:130px;}
#cabecera a:hover, #cabecera_ecommerce a:hover {color:#fff;}
#cabecera .logo a, #cabecera_ecommerce .logo a {float:left; width:150px; height:65px; cursor:pointer; background:none; margin:0; padding:0;}

/* CONTENIDO
--------------------------------------------------------------------------- */
.txt { padding: 50px 30px 30px 30px;}
.txt p { margin-top:10px; text-align:justify; color:#666;}

.paso1, .paso2 { float:left; width:418px; height:220px; padding:60px 20px 10px 20px;}
.paso1 { background: url(../images/einfo_demo_paso1.jpg) no-repeat top left #fff; margin-right:4px;}
.paso1 .acceso { float:right; margin:20px 10px 0 0; }
.paso1 .acceso p { background: #FFF; color:#000; padding:1px 5px; margin-bottom:5px; }
.paso1 .acceso p span { color:#ed5d18; font-weight:bold; }
.paso1 a {float:left; width:270px; height:26px; padding:7px 0 0 16px !important; padding:7px 0 0 12px; font-size:1.4em; letter-spacing:-0.01em; color:#ed5d18; text-decoration:none; margin:36px 0 0 90px;}
.paso1 a:hover {color:#fff;}
.paso2 { background: url(../images/einfo_demo_paso2.jpg) no-repeat top left #fff;}



/* CONTACTAR
--------------------------------------------------------------------------- */
#formcontacta { float:left; width:440px !important; width:425px; margin-left:30px;}
#formcontacta form { margin-left:10px;}
#formcontacta form label { float:left; width:80px;/* font-size: 1.2em;*/}
#formcontacta form input { margin-bottom:6px; color: #0096db; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000; padding: 2px 0 0 0;}
#formcontacta form input:active, #contacta form input:hover {border-color: #fa4b96;}
#formcontacta form textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000; color: #0096db;}
#formcontacta form textarea:active, #contacta form textarea:hover {border-color: #fa4b96;}
#formcontacta .cuadro, #formcontacta .cuadro2 { color:#000; border:1px solid #bdbdbd;}
#formcontacta .cuadro { width:200px; height:20px;}
#formcontacta .cuadro2 { width:340px !important;width:320px; height:150px;}

#formcontacta .bot { float:right; background-color:#999; color:#fff; padding:2px 14px; border:none; margin:10px; cursor:pointer; font-weight:bold;}
#formcontacta .bot:hover { background-color:#666; color:#fff;}
#formcontacta .gris { margin: 10px 0 0 80px; color:#999;}
#formcontacta a.volver { float:left; margin-top:40px; color:#999; text-decoration:none; font-size:0.9em; font-weight:bold;}
#formcontacta a.volver:hover { color:#333;}

#formcontacta a.contlink {color: #0096db; font-weight: bold;}
#formcontacta a.contlink:hover {color: #fa4b96;}

#infocontacto { float:right; width:360px; margin: 10px 10px 20px 0; padding:20px 20px 10px 20px; background:#f7f7f7; border:1px dashed #bebebe;}
#infocontacto h2 { font-size:12px; font-weight:bold; color:#666; margin: 0 0 4px 0;}
#infocontacto p { color:#999; font-size:10px; margin-bottom:8px; text-align:justify;}
#infocontacto a { color:#ed5d18; text-decoration:underline; font-weight:bold;}
#infocontacto a:hover { text-decoration:none;}

/* GALERIA
--------------------------------------------------------------------------- */
#galeriademo { margin-top:20px;}
.thumb_gal { display:block; overflow:hidden; width:130px; height:95px; border:3px #fff solid;}
.thumb_gal:hover { border:3px #ED9D53 solid;}	

/* FOOTER
--------------------------------------------------------------------------- */
#footer { float:right; width:auto; font-size:11px; color:#999; margin-top:10px;}
#footer a { padding-right:10px; margin-right:10px; color:#999; text-decoration:none; border-right:1px solid #cecece;}
#footer a:hover { text-decoration:underline; color:#666;}
#footer a.logo { width:26px; height:13px; background:url(../images/e.jpg) no-repeat; margin:0 5px 0 6px; border:none;}
#footer a:hover.logo {  background:url(../images/e_rol.jpg) no-repeat;}


.error { background-color: #FFA28C; border: 1px solid red;  }