@charset "utf-8";

/* general css */
html,body {
	height: 100%;
}
body {
	background: #F3F7FA;
}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input {
	margin: 0;
	padding: 0;
}
body,select,input,textarea {
	font: 12px/18px Arial, Helvetica, sans-serif; 
	color: #51687E;
	text-align: justify;
}	
input,select,img {
	vertical-align:middle;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 12px; 
	font-weight: normal;
}
dfn,em,cite,address,caption {
	font-style: normal;
}
fieldset,img,abbr {
	border: 0;
}
img,object,embed {
	vertical-align: top;
}
ul,ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	width: 100%; 
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
table th {
	line-height: 25px;
	height: 25px;
}
.font13 {
	font-size: 13px;
}
.error {
	color: #f00;
}
a {
	color: #2877CB;
	text-decoration: none;
}
a:hover {
	color: #51687E;
}
#mainnavbar li a,#header p,h2,#operation p a,#bookmark_c p a,.imglist p a,.music_flash h1,#customerservice a,.contacto li.btn a,#bookmark_c p {
	text-indent: -2000px; 
	overflow: hidden;
}
.box:after,#content:after,.wrape:after {
	content: ''; 
	display: block; 
	clear: both;
}

/* principal */
#mainnav {
	position: relative;
	z-index: 10;
	height: 36px;
	background:	url(../img/mainnav.gif) repeat-x;
}
#mainnavbar {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#mainnavbar ul {
	position: absolute;
	top: 0;
	right: 0;
}
#mainnavbar li {
	float: left;
	height: 35px;
	position: relative;
}
#mainnavbar li a {
	float: left;
	height: 35px;
	width: 72px;
	background: url(../img/mainnav.gif) no-repeat;
	line-height: 35px;
}
#mainnavbar #nav_inicio {
	background-position: 0 -36px;
}
#mainnavbar #nav_inicio:hover,#mainnavbar .on #nav_inicio { 
	background-position: 0 -71px;
}
#mainnavbar #nav_sobre{
	background-position: 0 -106px;
}
#mainnavbar #nav_sobre:hover,#mainnavbar .on #nav_sobre {
	background-position: 0 -141px;
}
#mainnavbar #nav_servicios{
	background-position: 0 -176px;
}
#mainnavbar #nav_servicios:hover,#mainnavbar .on #nav_servicios{
	background-position: 0 -211px;
}
#mainnavbar #nav_clientes{
	background-position: 0 -246px;
}
#mainnavbar #nav_clientes:hover,#mainnavbar .on #nav_clientes{
	background-position: 0 -281px;
}
#mainnavbar #nav_blog{
	background-position: 0 -316px;
}
#mainnavbar #nav_blog:hover,#mainnavbar .on #nav_blog {
	background-position: 0 -351px;
}
#mainnavbar #nav_contacto {
	width: 74px;
	background-position: 0 -386px;
}
#mainnavbar #nav_contacto:hover,#mainnavbar .on #nav_contacto {
	background-position: 0 -421px;
}
#mainnavbar li.subnav ul#servicios_sub,#mainnavbar li.subnav ul#clientes_sub{
	display: block;
}
#topwrapper{
	width: 950px;
	text-align: center;
	margin: 0 auto 8px;
}

/* sub nav */
#servicios_sub li,#servicios_sub li a,#mainnavbar #clientes_sub li li a{
	float: none;
	height: auto;
	background: none;
}
#servicios_sub li a,#mainnavbar #clientes_sub a{
	text-indent: 0;
	color: #FFFFFF;
	line-height: normal;
	position: relative;
}

/* Servicios */
#mainnavbar ul#servicios_sub{
	width: 950px;
	height: 190px;
	color: #FFFFFF;
	border: 0;
	display: block;
	visibility: hidden;
	padding: 0 0 0 10px;
	left: -660px;
	border-top: 1px solid #4E92D6;
	top: 35px;
	background: url(../img/servicios_sub.png) no-repeat;
}
#mainnavbar #servicios_sub li{
	float: left;
	width: 195px;
	padding:20px;
	margin: 0 2px 0 0;
}
#mainnavbar ul#servicios_sub li strong{
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 11px;
	display: block;
}
#mainnavbar #servicios_sub li li{
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
	height: auto;
}
#mainnavbar #servicios_sub li ul{
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: static;
	width: auto;
}

/* Clientes */
#mainnavbar ul#clientes_sub{
	width: 950px;
	height: 65px;
	border: 0;
	display: block;
	visibility: hidden;
	padding: 0 0 0 10px;
	left: -732px;
	border-top: 1px solid #4E92D6;
	top: 35px;
	background: url(../img/clientes_sub.png) no-repeat;
}
#mainnavbar #clientes_sub li{
	float: left;
	width: 195px;
	padding:20px;
	margin: 0 2px 0 0;
}
#mainnavbar ul#clientes_sub li strong{
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 11px;
	display: block;
}
#mainnavbar #clientes_sub li li{
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
	height: auto;
}
#mainnavbar #clientes_sub li ul{
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: static;
	width: auto;
}


/* header */
#header{
	position: relative;
	width: 950px;
	margin: 18px auto;
}
#header p{
	right: -1px;
	bottom: -13px;
	height: 46px;
	width: 140px;
	background: url(../img/email.png) no-repeat;
	position: absolute;
}

/* Galeria */
#galeria {
	width: 950px;
	margin: 0 auto;
	/*border-bottom: 7px solid #2877CB;*/
}

/* Caja principal */
.box{
	width: 902px;
	margin: 0 auto 8px;
	padding: 38px 23px 20px;
	border: 1px solid #C0CBD6;
	background: #fff;
}
h2{
	margin-bottom: 22px;
	height: 12px;
	background: url(../img/titulo.gif) no-repeat;
}

/* cuadro index */
#cuadro {
	padding: 0;
	margin-bottom:8px;
	width: 948px;
	overflow: hidden;
	height: 170px;
	background: url(../img/oper.gif) #DFE5EA repeat-x;
}
#cuadro h2{
	margin-bottom: 17px;
	height: 36px;
	background: url(../img/serv.png) no-repeat;
}
#cuadro p{
	line-height: 15px;
	padding-left: 12px;
	background: url(../img/p.gif) 0 3px no-repeat;
}
#cuadro div{
	float: left;
	position: relative;
	height: 139px;
	width:265px;
	padding: 35px 30px 0 18px;
	overflow: hidden;
	border-left: 1px solid #D9DFE6;
}
#cuadro #web{
	border: 0;
}
#web h2{
	background-position: 0 0; 
}

#cuadro #internetmarketing{
	float: left;
}
#internetmarketing h2{
	background-position: 0 -36px;
}

#cuadro #seguridad{
	float: right;
}
#seguridad h2{
	background-position: 0 -72px;
}
#cuadro #seguridad p a{
	right: 23px;
}

#cert{
	position: relative;
	border: 1px solid #D9DFE6;
	height: 30px;
	width: 920px;
	padding: 15px 15px 15px 15px;
	background:url(../img/cert.png);
}

/* center */
#content{
	width: 100%;
	padding-bottom: 20px;
	background: url(../img/linea.gif) 633px 0 repeat-y;
}

/* Contenido izquierda */
#mainbar{
	float: left;
	width: 610px;
}
.overview h2{
	height: 13px;
	background: url(../img/titulo.gif) no-repeat;
}
.overview p{
	margin-bottom: 15px;
	text-align: justify;
}

/* Datos contacto Fondo */
#fonda {
	padding: 20px;
	border: 1px solid #C0CBD6;
	background: url(../img/tab_content.gif) repeat-x;
    font: 10px "Arial";
}

/* Contenido derecha */
#red {
	font: 18px "Arial";
	text-align:center;
	padding: 5px;
	border: 1px solid #C0CBD6;
	background: url(../img/tab_content.gif) repeat-x;
	margin-top: 5px;
}
#perf {
	font: 12px "Arial";
	padding: 10px 10px 10px 94px;
	border: 1px solid #C0CBD6;
	background: url(../img/antonio-perfil.jpg) no-repeat;
}
#perf h7{
	right: 340px;
	bottom: 330px;
	height: 84px;
	width: 78px;
	background: url(../img/antonio-perfil.jpg) no-repeat;
	position: absolute;
}
.estilo1 a {
	color:#2877CB;
}
.estilo2 a {
	color:#FFA11F;
}
.estilo3 a {
	color:#57CF50;
}
.estilo4 a {
	color:#666666;
}

/* Contenido derecha */
#sidebar{
	width: 244px;
	float: right;
}

/* Perfil */
#perfil h2,.perfil h2{
	height: 13px;
	background: url(../img/titulo.gif) no-repeat;
	background-position:0 -26px;
}
#perfil .request_quote{
	margin: 8px 0 4px;
}

/* Contacto */
#contacto h2,.contacto h2{
	height: 13px;
	background: url(../img/titulo.gif) no-repeat;
	background-position:0 -39px;
}
#contacto .request_quote{
	margin: 8px 0 4px;
}

/* Presupuesto */
#presupuesto h2,.presupuesto h2 {
	height: 13px;
	background: url(../img/titulo.gif) no-repeat;
	background-position:0 -78px;
}
#presupuesto .request_quote {
	margin: 8px 0 4px;
}

/* Datos de contacto */
#datos h2,.datos h2 {
	height: 13px;
	background: url(../img/titulo.gif) no-repeat;
	background-position:0 -65px;
}
#datos .request_quote {
	margin: 8px 0 4px;
}

/* footer */
#footer {
	width: 950px;
	color: #8197AD;
	margin: 0 auto;
}
#footer strong {
	float: right;
	font-weight: normal;
}
#footernav li {
	float: left;
	padding-right: 14px;
	margin-right: 14px;
	background: url(../img/footernav.gif) right center no-repeat;
}
#footernav li.ill {
	float: right;
}
#footernav li.last {
	background: none;
	padding: 0;
	margin: 0;
}
#copy {
	clear: both;
	padding:10px 0;
	border-top: 1px solid #C0CBD6;
}
#footer a:hover,#footer a.on {
	color: #576F84;
}
#footernav {
	float: left;
	width: 100%;
	padding-bottom: 11px;
}
#footernav li {
	float: left;
	padding-right: 14px;
	margin-right: 14px;
	background: url(../img/footernav.gif) right center no-repeat;
}
#footernav li.ill {
	float: right;
}
#footernav li.last {
	background: none;
	padding: 0;
	margin: 0;
}

/* banner */
#banner {
	border: 1px solid #C0CBD6;
	margin-bottom: 23px;
}

/* Sobre noveria */
.noveria h2 {
	background:transparent url(../img/titulo.gif) no-repeat scroll 0 -39px;
	height:13px;
	background-position: 0 -52px;
}
.noveria p {
	margin-bottom: 15px;
}

h3 {
	font-size: 12px;
	line-height: normal;
	color: #1E81E4;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

/* menu */
#menu,#categorie {
	padding-bottom: 24px;
}
#menu h2 {
	background-position: 0 -108px;
}
#menu li,#categorie li {
	margin-bottom: 6px;
}

/* Contacto */
.contacto p {
	margin-bottom: 15px;
}
.contacto ul {
	margin-top: 30px;
}
.contacto li.ill ul {
	margin: 10px 0;
}
.contacto li.ill {
	float: right;
	width: 390px;
}
.contacto li.ill li {
	float:left;
	width: 50%;
}
.contacto li.ill li.bad {
	clear: both;
	width: 100%;
	float: none;
}
.contacto li.ill input {
	width:auto;
	border: 0;
	height: auto;
	padding: 0;
	margin-right: 7px;
}
.contacto li.ill p {
    color:#CCCCCC;
    font-size:9px;
}
.contacto li textarea {
	width: 388px;
	height: 144px;
	border: 1px solid #C0CBD6;
}
.contacto li input {
	width: 183px;
	height: 18px;
	padding-top: 3px;
	line-height: normal;
	border: 1px solid #C0CBD6;
}
.contacto li.select {
	margin: 21px 0 19px;
}
.contacto select{
	width: 182px;
}
.contacto li.btn a {
	float: left;
	height:26px;
	width: 97px;
	border: 0;
	margin-right: 1px;
	overflow: hidden;
	background: url(../img/btn.gif) -244px -122px no-repeat;
}
.contacto li.btn a:hover {
	background-position: -341px -122px;
}
.contacto li.btn a.btn_cancel {
	width: 91px;
	background-position: -244px -148px;
}
.contacto li.btn a.btn_cancel:hover {
	background-position: -335px -148px;
}

/* Presupuesto */
.presupuesto p {
	margin-bottom: 15px;
}
.presupuesto ul {
	margin-top: 30px;
}
.presupuesto li.ill ul {
	margin: 10px 0;
}
.presupuesto li.ill {
	float: right;
	width: 390px;
}
.presupuesto li.ill input {
	width:auto;
	border: 0;
	height: auto;
	padding: 0;
	margin-right: 7px;
}
.presupuesto li.ill p {
    color:#CCCCCC;
    font-size:9px;
}
.presupuesto li.ill li {
	float:left;
}
.presupuesto li.ill li {
	float:left;
	width: 50%;
}
.presupuesto li.ill li.bad {
	clear: both;
	width: 100%;
	float: none;
}
.presupuesto li.ill li input {
	width:auto;
	border: 0;
	height: auto;
	padding: 0;
	margin-right: 7px;
}
.presupuesto li textarea {
	width: 388px;
	height: 90px;
	border: 1px solid #C0CBD6;
}
.presupuesto li input {
	width: 183px;
	height: 18px;
	padding-top: 3px;
	line-height: normal;
	border: 1px solid #C0CBD6;
}
.presupuesto li.select {
	margin: 21px 0 19px;
}
.presupuesto select {
	width: 182px;
}
.enviar {
	float: left;
	height:26px;
	width: 97px;
	border: 0;
	margin-right: 1px;
	overflow: hidden;
	background: url(../img/enviar.gif);
}
.limpiar {
	float: left;
	height:26px;
	width: 91px;
	border: 0;
	margin-right: 1px;
	overflow: hidden;
	background: url(../img/limpiar.gif);
}


/* Plugin navegacion */
#tab_nav {
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color:#3479BE;
	margin-bottom: 12px;
	line-height: 26px;
}
#tab_nav ul {
	margin-right: -20px;
}
#tab_nav li,#tab_nav strong {
	float: left;
	height: 26px;
}
#tab_nav li {
	margin-right: 20px;
	cursor: pointer;
}
#tab_nav li.on {
	padding-bottom: 13px;
	margin-bottom: -13px;
	position: relative;
	background: url(../img/tab_nav.gif) 60% 29px no-repeat;
}
#tab_nav strong {
	background: url(../img/tab_nav.gif) no-repeat;
}
#tab_nav #tab0 strong {
	padding-left: 32px;
	background-position: 0 -10px;
}
#tab_nav #tab1 strong {
	padding-left: 28px;
	background-position: 0 -36px
}
#tab_nav #tab2 strong {
	padding-left: 32px;
	background-position: 0 -62px
}
#tab_content {
	padding: 20px 20px 5px 20px;
	border: 1px solid #C0CBD6;
	background: url(../img/tab_content.gif) repeat-x;
}
.tabmain {
	display: none;
}
#con_tab0 {
	display: block;
}

/* Evitar Spam correo */
.spam {
	unicode-bidi:bidi-override; 
	direction: rtl;
}