@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-position:0 144px;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

#layout, #footer-in, #footer-bottom {
	width:960px;
	margin:0 auto;
	}
#logo {	margin-top:10px; float:left; }

#contacto-top {
	float:right;
	width:280px;
	margin:30px 0 0 0;
	}
#contacto-top a { float:right; }
/*BANNER*/
#banner-left {
	float:left;
	width:700px;
	}
#menu-publicidad {
	float:left;
	width:245px;
	height:212px;
	background:url(../images/template/gris/bg-menu.jpg) repeat-x;
	margin-left:10px;
	padding-top:20px;
	}
#menu-publicidad a, #menu-publicidad a:visited {
	color:#EEEEEE;
	font-size:19px;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:40px;
	margin:5px 0 2px 0;
	background:url(../images/template/gris/menu-line.png) no-repeat bottom;
	}
#menu-publicidad a:hover { color:#FFFFFF; }
/*MENU TABS*/
#menu-tabs {
	clear:both;
	height:27px;
	padding-left:349px;
	}
	
#menu-tabs a, #menu-tabs a:visited {
	display:block;
	color:#333333;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	line-height:27px;
	height:24px;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-right:3px;
	background:url(../images/template/menu-tabs/menu-tabs.jpg) no-repeat;
	}
#menu-tabs a.tab-active, #menu-tabs a.tab-active:visited {
	line-height:27px;
	height:27px;
}
#menu-tabs a#tab-inicio { background-position:0px 0px;	width:62px; }
#menu-tabs a#tab-inicio:hover { background-position:0px -27px; }
#menu-tabs a#tab-posicionamiento { background-position:0px -81px; width:162px; }
#menu-tabs a#tab-posicionamiento:hover { background-position:0px -108px; }
#menu-tabs a#tab-publicidad { background-position:0px -81px;	width:162px; }	
#menu-tabs a#tab-publicidad:hover { background-position:0px -108px; }	
#menu-tabs a#tab-clientes {	background-position:0px -189px;	width:76px;	}
#menu-tabs a#tab-clientes:hover {	background-position:0px -216px;	}
#menu-tabs a#tab-nosotros {	background-position:0px -270px;	width:134px; }
#menu-tabs a#tab-nosotros:hover {	background-position:0px -297px; }
/*MENU LEFT*/
#menu-left {
	margin:0 5px 20px 0;
	padding:0;
	list-style:none;
}
#menu-left li {
	margin-bottom:0;
	}
#menu-left li a, #menu-left li a:visited {
	display:block;
	text-decoration:none;
	line-height:30px;
	padding-left:22px;
	background:url(../images/template/bullets.png) 8px 0px no-repeat;
	border-bottom:1px dashed #808080;
	color:#535353;
	}
#menu-left li a:hover, #menu-left li.sub-active a, #menu-left li.sub-active a:visited {
	background-color:#808080;
	color:#FFFFFF;
	background-position:8px -33px;
	border-bottom:1px dashed #E9E9E9;
}
/*MENU LEFT - SUBMENUS*/	
#menu-left li.sub-active ul {
	display:block;
	}
#menu-left li ul {
	list-style:none;
	margin:0;
	background-color:#E9E9E9;
	display:none;
}
#menu-left li.sub-active ul li a, #menu-left li.sub-active ul li a:visited {
	background:none;
	line-height:26px;
	padding-left:32px;
	color:#535353;
	border-bottom:1px dashed #808080;
}
#menu-left li.sub-active ul li a:hover {
	background:none;
	background-color:#B1B1B1;
	color:#FFFFFF;
}

/*SIGANOS BOX*/
#publicidad-siganos {
	background:url(../images/template/siganos-box.jpg) no-repeat;
	width:260px;
	height:180px;
	padding:10px 20px;
	}
#publicidad-siganos a.redes-sociales, #publicidad-siganos a.redes-sociales:visited {
	background-image:url(../images/template/siganos-icons.jpg);
	display:block;
	height:55px;
	float:left;
	margin-right:5px;
	}
#s-twitter {
	background-position:0px 0px;
	width:58px;
	}
#s-yahoo {
	background-position:190px 0px;
	width:56px;
	}
#s-facebook {
	background-position:130px 0px;
	width:66px;
	}
#s-msn {
	background-position:60px 0px;
	width:60px;
	}
#publicidad-siganos .publicidad-buscadores { margin-top:23px; }
#footer {
	clear:both;
	background:url(../images/template/bg-footer.jpg) top repeat-x;
	height:110px;
	padding:30px 10px 10px 10px;
	margin-bottom:10px;
	line-height:18px;
	}
.footer-image { 
	float:left;
	margin:0 10px 0 0;
	}
.footer-menu {
	width:260px;
	padding-right:10px;
	margin:0 10px;
	border-right:1px solid #C5C5C5;
	float:left;
	}	
.footer-menu a, .footer-menu a:visited {
	display:block;
	background:url(../images/template/bullet-ok-green.png) 0px 2px no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#868686;
	}
.footer-menu a:hover {
	background-position:0px -12px;
	color:#369E3E;
	}
.footer-contact {
	float:left;
	width:220px;
	color:#666666;
	}
#footer-bottom { margin-bottom:20px; }
#copyright {
	text-align:center;
	font-size:80%;
	color:#999999;
	margin:10px 0;
	}
#copyright	a { color:#999999; text-decoration:none; }
#copyright a:hover { color:#000000; }
#left {
	width:300px;
	float:left;
	margin-top:10px;
	}
	
#left h2 {
	font-weight:normal;
	margin-bottom:0px;
	}
	
#content {
	float:left;
	width:635px;
	margin-left:25px;
	margin-top:10px;
	}

#content .title { margin-bottom:20px; }
#content .title h1, #content .title h2 { margin-bottom:0; }
#content .title h2 {	font-size:20px; font-weight:normal;	background:none; }
#content h2 { font-size:18px; }

.title-image { float:left; margin:5px 10px 0 0; }
	
	
.contacto-info {
	background:url(../images/template/icons/general-contacto.png) no-repeat;
	padding:2px 30px 0 74px;
	}

/*CONTACTO*/
.contacto-out {
	background:url(../images/template/contacto-bg-top.jpg) no-repeat #F7F7F7;
	width:592px;
	margin:0 auto;
}
.contacto-btm {
	clear:both;
	background:url(../images/template/contacto-bg-btm.jpg) no-repeat bottom;
	height:10px;
	}
.contacto-left {
	float:left;
	width:170px;
	background:url(../images/template/contacto-left-top.jpg) no-repeat #369E3F;
	margin:10px 0 10px 10px;
}
.contancto-left-content {	
	color:#FFFFFF;
	margin:10px;
	}
.contacto-left-btm {
	height:10px;
	background:url(../images/template/contacto-left-btm.jpg) no-repeat;
	}
.contacto-right {
	float:right;
	width:400px;
	margin-left:5px;
	}
.contacto-out form {
	margin-top:15px;
	}
.input {
	border:1px solid #D8D8D8;
	padding:2px;
	font-size:11px;
	color:#333333;
	background-color:#FFFFFF;
	width:250px;
	margin-bottom:5px;
	}
.submit {
	border:1px solid #333333;
	padding:2px 10px;
	color:#000000;
	}
.layers {
	vertical-align:top;
	padding:3px 10px;
	text-align:right;
	color:#666666;
	font-size:14px;
	}
.inputs {
	padding:3px 5px;
	}
label.error {
	width: auto;
	display:block;
	color:#CC0000;
	font-size:90%;
}

.contactenos {
	display:block;
	width:110px;
	height:34px;
	background:url(../images/template/btnContactanos.jpg) 0px 0px no-repeat;
	}
.contactenos:hover{
	background-position:0px -34px;
	}
.contactenos:active {
	background-position:0px -68px;
}

.clientes td { padding:10px; text-align:center; }

.clientes-box { height:600px; overflow:hidden; clear:both; }

#clientes-nav {
	float:right;
	margin-right:20px;
	}
#clientes-nav a, #clientes-nav a:visited {
	display:block;
	float:left;
	padding:1px 5px;
	line-height:15px;
	text-decoration:none;
	border:1px solid #808080;
	margin-right:2px;
	}
#clientes-nav a.activeSlide {
	background-color:#C21859;
	color:#FFFFFF;
	border:1px solid #C21859;
	}

.faq-inicio {
	margin-bottom:20px;
}

.faq-inicio a, .faq-inicio a:visited {
	background:url(../images/template/flecha-rosa-arriba.png) left no-repeat;
	padding-left:12px;
	font-size:120%;
	color:#CD4277;
}
/*GENERALES*/
.clear { clear:both; }
a, a:visited, .ref {	color:#A61243;	}
a img { border:0 none; }
a:focus, a:active {  outline: none;	}

p { margin:5px 0 15px 0; line-height:18px; }

ul { margin:10px 20px 20px 40px; }
li { margin-bottom:10px; }

h1 {
	color:#000000;
	font-weight:normal;
	margin-bottom:15px;
	font-size:30px;
	}
h2 {
	color:#A61243;
	margin-bottom:15px;
	font-size:24px;
}
h3 {
	color:#666666;
	font-weight:normal;
	margin-bottom:15px;
	font-size:18px;
}
h4 {
	color:#333333;
	margin-bottom:10px;
	font-size:16px;
}
#telefonos {
	background:url(../images/template/telefonos.png) no-repeat;
	width:298px;
	height:284px;
	position:absolute;
	top:105px;
	left:750px;
	}
#telefonos-cerrar {
	float:right;
	width:15px;
	height:15px;
	margin:15px 20px 0 0;
	cursor:pointer;
}


.certificacion {
	font-size:120%;
	color:#666666;
	text-align:center;
	padding:20px;
	font-family:'Century Gothic',Futura,'URW Gothic L', Verdana, sans-serif;
	}
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#ffffff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/template/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/template/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}