@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; outline:none; border:none; }

body { background:#fff url(../img/fondo/body.jpg) repeat-x top center;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px;
}

a { color:#f18100; text-decoration:underline; } a:hover { text-decoration:none; }
ul,ol { list-style:none; }

/* ESTRUCTURA */

#wrapper, #footer-content #footer { width:940px; margin:0 auto; }
#header * { display:inline }
#content { background:#fff; padding-bottom:6px; }

#footer-content { clear:both; background:url(../img/fondo/footer-content.gif) repeat-x 0 0; color:white; margin-top:8px; height:184px; }
#footer-content #footer { padding:25px 0; }
#footer-content #footer a { color:#fff;}
#footer-content #footer .left { margin-left:45px; }
#footer-content #footer .right { margin-right:45px; margin-top:30px }

/* MENU */

#menu { text-align:center; overflow:hidden; height:1%; padding:5px 0; padding-left:3px; margin-bottom:6px; }
#menu ul { list-style:none; }
#menu ul li { float:left; } #menu ul li a { display:block; text-indent:-9999px; height:42px; background-repeat:no-repeat; background-position:bottom left; }
#menu ul li.inicio a { background-image:url(../img/menu/menu_inicio.gif); width:81px; margin:0 6px 0 3px; } 
#menu ul li.nosotros a { background-image:url(../img/menu/menu_nosotros.gif); width:120px; margin-right:6px; }
#menu ul li.servicios a { background-image:url(../img/menu/menu_servicios.gif); width:123px; margin-right:6px; }
#menu ul li.combos a { background-image:url(../img/menu/menu_combos.gif); width:116px; margin-right:6px; }
#menu ul li.ejemplos a { background-image:url(../img/menu/menu_ejemplos.gif); width:122px; margin-right:6px; }
/*#menu ul li.planes a { background-image:url(../img/menu/menu_planes-promos.gif); width:187px; margin-right:6px; }*/
#menu ul li.pago a { background-image:url(../img/menu/menu_pago.gif); width:204px; margin-right:6px; }
#menu ul li.contacto a { background-image:url(../img/menu/menu_contacto.gif); width:126px; }

body#inicio #menu ul li.inicio a.selected1,
body#nosotros #menu ul li.nosotros a.selected2,
body#servicios #menu ul li.servicios a.selected3,
body#combos #menu ul li.combos a.selected4,
body#ejemplos #menu ul li.ejemplos a.selected5,
/*body#planes #menu ul li.planes a.selected6,*/
body#pago #menu ul li.pago a.selected6,
body#contacto #menu ul li.contacto a.selected7,
#menu ul li a:hover
{background-position:top left;}

#footer-content #footer ul { text-transform:uppercase; font-weight:bold; text-align:center; margin-bottom:16px; }
#footer-content #footer ul li { display:inline; padding:0 20px; border-right:1px solid #fff; }
#footer-content #footer ul li.last { border:none; }
#footer-content #footer ul li a { text-decoration:none; }

/* TIPOGRAFIA */

.color { color:#f18100; }
.gris { color:#848484; }
small { font-size:11px; }
big { font-size:14px; }
.uppercase { text-transform:uppercase; }
.subrayado { border-bottom:1px solid #ff8901; padding-bottom:10px; margin-bottom:10px !important; }


#content h1 { font-size:24px; font-weight:normal; line-height:28px; background:url(../img/bullets/mayor-naranja.gif) no-repeat 0 12px; padding-left:20px; margin-bottom:16px; }
#content h2 { font-size:16px; font-weight:normal; line-height:22px; background:url(../img/bullets/mayor-naranja.gif) no-repeat 0 10px; padding-left:20px; margin-bottom:16px; }
#content h3 { font-size:20px; font-weight:normal; line-height:28px; margin-bottom:5px; padding-left:20px;}
#content h1 small { font-size:20px; }
#content h4 { color:#4b4b4b; letter-spacing:-1px; font-size:14px; text-transform:uppercase; line-height:18px; background:url(../img/bullets/doble-mayor-negro.gif) no-repeat 0 8px; padding-left:12px; margin-bottom:16px; }
#content p { margin-bottom:16px; }
	.two-cols .col1 p,
	.two-cols .col1 h4,
	.two-cols .col2 h1,
	.two-cols .col2 h2,
	.full-col .col p, 
	.full-col .col ul.list-portfolio
	{ margin-left:20px; }
	
	.two-cols .col2 p { margin-left:40px; margin-right:20px; }
	.two-cols .col2 h1, .two-cols .col2 h2 { margin-right:20px; }
	
#servicios h1 {
font-size:20px;
margin-bottom:5px;
}
	

/* COLUMNAS */

.two-cols{ overflow:hidden; height:1%; padding-left:40px; padding-right:5px; }
.two-cols .col1 { float:left; width:480px; }
.two-cols .col2 { float:right; width:381px; }

.three-cols { overflow:hidden; height:1%; padding-left:6px; }
.three-cols .col1,
.three-cols .col2,
.three-cols .col3
{ float:left; margin-right:8px; display:inline }
.three-cols .col3 { margin:0; }

.full-col .col { padding:0 40px; }

/* CAJAS */
.caja-gde { background:#e3e3e3; position:relative }
.caja-gde img.top, .caja-gde img.margin-bottom { margin-bottom:16px; }
.caja-gde img.no-margin { position:absolute; z-index:-1; }

.caja-chica { width:302px; height:/*401*/350px; background:#fff url(../img/fondo/caja-chica-fondo.gif) repeat-x 0 0; border:1px solid #dbdbdb; position:relative; padding:6px 0 }
.caja-chica img.top { position:absolute; top:-1px; left:-1px; }
.caja-chica img.bottom { position:absolute; bottom:-1px; _bottom:-2px; left:-1px; }

.caja-chica center img { margin-bottom:16px; }

.caja-chica h1 { margin-left:12px; margin-right:12px; color:#ff8901; background-image:url(../img/bullets/mayor-negro.gif) !important;}
.caja-chica p { margin-left:30px; margin-right:30px;}
.caja-chica p.destacado { background:url(../img/bullets/doble-mayor-negro.gif) no-repeat 0 6px; padding-left:15px; }

/* LISTADOS */
ul.list-portfolio { overflow:hidden; height:1%; }
ul.list-portfolio li { float:left; margin-right:5px; margin-bottom:10px; display:inline; border:1px solid #ccc; background:#eee }
ul.list-portfolio li small { display:none; padding:0 4px; text-align:right; font-size:10px; }
body#home ul.list-portfolio li img { width:135px;}
body#ejemplos ul.list-portfolio li { margin-right:10px }
body#ejemplos ul.list-portfolio li img { width:280px;}
ul.list-portfolio li img { border-bottom:1px solid #ccc; margin:0; padding:0 }

/* FORMULARIOS */

form { padding-left:20px; }
label { display:block; color:#747474; font-size:12px; font-weight:bold; text-transform:uppercase; background:url(../img/bullets/doble-mayor-negro.gif) no-repeat 0 7px; padding-left:15px; margin-bottom:2px; }
label small { font-weight:normal; text-transform:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#747474; border:1px solid #e3e3e3; padding:3px; margin-bottom:10px; }
input, select { width:210px; }
textarea { width:445px; height:200px; }

button.enviar { text-indent:-9999px; background:url(../img/botones/enviar.gif) no-repeat; display:block; width:90px; height:31px; cursor:pointer }

/* CLASES VARIAS */
.both { clear:both; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.relative { position:relative; }
.absolute { position:absolute; }
.no-margin { margin-left:0 !important; }
.vermas a { color:#FE8902; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; text-transform:uppercase; }

.paginador { font-size:11px; }
.paginador a { color:#333; text-decoration:none; margin:0 4px; color:#989898; }
.paginador a.selected { background:#ddd; padding:0 2px; color:#000; }

.mensaje_error { background-color:#FFD2D2; border:1px solid #bb1112; padding:5px; color:#bb1112; }
.mensaje_ok { background:url(../img/fondos/msn_contacto.jpg) repeat-x 0 0; height:203px; vertical-align:middle; border:1px solid #f2f2f2; padding:5px; color:#1453af; font-size:14px; }
.mensajes { font-size:12px; }

input.contacto_error, textarea.contacto_error, select.contacto_error  { border:1px solid #bb1112; background:#FFD2D2; color:#bb1112;  }