/*******************************general****************************************************/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	background: #CCE6F7 url('images/body.png') repeat-x;
	color: #333;
	text-align: center;
	line-height:17px;
	}


img{
	border:none;
	}

a{
	text-decoration:none;
	}

#page {	
	text-align: left;
	margin:0 auto;
	width:950px;
	clear:both;
	}






/************header*********************************************************************/

#botonera{
	height:40px;
	}

#botonera li{
	list-style:none;
	float:left;
	width:90px;
	margin-right:0px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	height:40px;

	}

#botonera li.especial{
	width:100px;
	}

#botonera li:hover,#botonera li.selected{
	background: transparent url('images/nube.png') top center no-repeat;
	height:40px;
	
	}

#botonera li.selected a,#botonera li.selected-especial a{
	color:#fff;
	}
	
#botonera li.especial:hover,
#botonera li.selected-especial
{
	background: transparent url('images/nubege100.png') top center no-repeat;
	height:40px;
	}
	
	
#header {
	clear:both;
	padding:10px;
	height:66px;
	}


#menu{
	width:750px;
	}
	
#logo{
	background: transparent url('images/logo.png') no-repeat;
	float:left;
	width:200px;
	height:65px;
	overflow: hidden;
	}
#logo a{
	width:200px;
	height:65px;
	
}

a.boton{
	text-decoration:none;
	color:#53637b;
	display:block;
	padding-top:5px;
	height:35px;
	}

a.boton:hover{
	color:#ffffff;
	
	}

.menu ul{
	float:right;
	padding-top:13px;
	}

/****************************************footer**************************************/


#footer {
	background: none;
	border: none;
	clear:both;
	height:171px;
	padding-bottom:16px;

	}

#logob{
	background: transparent url('images/logo.png') no-repeat;
	float:right;
	width:200px;
	height:100px;
	margin:34px 0 0 0;
	overflow: hidden;
	}
#logob a {
	width:200px;
	height:100px;
	}

.botonbajo{
	height:100px;
	}
	

.botonbajo ul {
	float:left;
	width:203px;
	font-size:16px;
	font-weight:bold;
	color:#617f9b;
	padding-left:20px;
	line-height:18px;
	margin-top:37px;
}

.botonbajo ul li{
	list-style:none;
	font-size:12px;
	font-weight:normal;
	color:#6696cf;
}

.botonbajo ul li a{
	text-decoration:none;
	color:#6696cf;
	}

.botonbajo ul li a:hover{
	color:#6696cf;
	}
	
li.primero{
	padding-top:15px;	
}

li.primero span.letrachica{
	font-size:10px;
	color:#617F9B;
	}
	
ul li.azul{
	color:#617F9B;
}


	
/*********************sidebar******************************************************/

#siderbar{
	float:right;
	min-height:812px;
	width:345px;
	}

#siderbar .rbcontent{
	padding-left:5px;
	}

#siderbarpage{
	
	float:left;
	height:812px;
	width:213px;
	}
	
#siderbar .contbloque p{
	color:#dee7f4;
	font-size:12px;
	padding-bottom:10px;
	}
	


.bloque,.bloque1,.bloque-m,.bloquemenu,.bloquefrase,.bloque-cotizar{
	padding:0px 0 20px;
	margin-top:20px;
	margin-bottom:24px;
	}

.bloque1{
	height:290px;
	}

.bloque-cotizar{
	height:180px;
	}
.bloque-m{
	height:200px;
	}

.bloquemenu{
	height:100px;
	}
	
.bloquefrase{
	height:395px;
	}
.bloque-networking{
	position:relative;
	top:-197px;
	padding-left: 5px;
}
.bloque-networking .bloque {
	position:absolute !important;
	width:345px;
}

.contb{
	width:200px;
	height:35px;
	margin:10px  0 10px -18px;
	}


.contb .boton{
	background:url("images/bcotizar.gif") top left no-repeat;
	width:219px;
	height:20px;
	padding:5px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	font-family:'Helvetica', Verdana, Arial, Sans-Serif;
	color:#ffffff;
	
	}
	
.contbloque{
	padding-left:18px;
	padding-top:20px;
	}

.contenido-pagina ul.logos{
	margin-left:2px;
	margin-top:40px;
	width:200px;
	height:90px;
	padding:0px;
	}
	
h1,h1.lista{
	display:inline;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	background: url("images/flecha.png") no-repeat left 50%;
	padding-left:15px;
	width:190px;
	}
	
h1.lista{
	background:none;
	}

.firma{
	text-align:right;
	padding-right:56px;
	color:#DEE7F4;
	position:relative;
	top:4px;
	}
	
.frase{
	width:340px;
	height:150px;
	background:url("images/frase.gif") top left no-repeat;
	position:relative;
	}

.intro{
	position:relative;
	top:33px;
	left:11px;
	width:338px;
	height:350px;
	padding:0px 15px;
	
	}

.intro p.espaciado{
	margin:0px 0 10px;
	text-align:justify;
	}
	
.link ,.link a , span.link{
	float:right;
	margin-top:2px;
	padding-right:10px;
	color:#bcd5f4 !important;
	}

span,span.link{
	color:#ffffff;
	}
	




								/* bordes redondeados  */
.rbroundbox, .rbroundbox2 {width: 213px;background: url(images/c-border.gif) repeat-y top right;}
.rbroundbox .rbtop , .rbroundbox2 .rbtop {background: url(images/tr-border.gif) no-repeat top right;}
.rbroundbox .rbcontent, .rbroundbox2 .rbcontent {margin: 0px;xmin-height:796px;min-height:776px;}
.rbroundbox .rbbot, .rbroundbox2 .rbbot {background: url(images/br-border.gif) no-repeat bottom right;}

.rbroundbox{width: 350px;}
							/*fin bordes redondeados*/


.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.nube{
	margin:20px 10px 9px 30px;
	width:247px;
	height:134px;
	}

.nube p{
	text-align:center;
	margin:5px;
	color:#91add8;
	}
	
.nube a {
	color:#91add8;
	text-align:center;
	margin:0 9px 0 0 ;
	text-decoration:none;
	}
.posicionamiento{
	position:absolute;
	top:43px;
	left:332px;
	}
.tfrase{
	color:#dee7f4;
	font-size:16px;
	padding:0 18px;
	line-height:24px;
	}
	
.tchica,.tmed,.tgrande{
	font-size:13px;
	font-weight:bold;
	}

.tmed{
	font-size:14px;
	
	}
	
.tgrande{
	font-size:16px;
	
	}
	
		
ul.logos{
	margin-left:63px;
	margin-top:15px;
	width:200px;
	height:90px;
	padding:0px;
	}
ul.logos2{
	margin-left:2px;
	margin-top:40px;
	width:200px;
	height:90px;
	padding:0px;
	}

ul.logos li,ul.logos2 li{
	float:left;
	list-style: none;
	text-align:center;
	width:90px;
	
	}

ul.lista{
	
	padding-left:0px;
	width:203px;
	}
	
ul.lista li,
ul.lista a{
 	font-weight:bold;
	font-size:14px;
	height:24px;
	color:#ffffff;
	list-style: none;
	margin: 0px;
	padding-left:13px;
	width:329px;
 }

ul.lista a{
	height:20px;
	padding-top:3px;
	display:block;
	}
	
ul.lista li:hover,
ul.lista li.selected
{
	background:url('images/hover.png') -19% 50% no-repeat;
	}
	




/*********************contenido******************************************************/

#banner{
	background:transparent url('images/flash.gif') no-repeat top left;
	float:left;
	height:350px;
	width:603px;
	position:relative;
	top:-8px;
	left:2px;
	}
	
#content {
	
	font-size: 1.2em;
	padding:0px 0px;
	min-height:650px;
	}

#columnai,#columnad{
	width:285px;
	height:285px;
	float:left;
	margin-right:30px;
	clear:right;
	}
	
#columnad{
	margin-right:0px;
	float:right;
	clear:right;
	}	

	

	
#marco-detalle{
	position: relative;
}		
#detalle{
	background:url('images/casa.jpg') top left no-repeat;
	float:left;
	height:462px;
	width:603px;
	position:absolute;
	top:342px;
	left:2px;
	}

#item{
	padding-left:0px;
	margin-top:0px;
	}
	
	
#marco{
	width:556px;
	min-height:738px;
	padding:24px;
	
	}


#marco p{
	text-align:justify;
	padding:10px 0px;
	}
#prim-sociales{
	padding:2px 0px 3px 2px;
	}
	
#prim{
	padding:2px 0px 3px 1px;
	}

#tope{
	background: #2a4c7e url(images/topazul.gif) no-repeat top left;
	height:132px;
	position:relative;
	top:-8px;
	left:2px;
	margin-bottom:17px;
	
	}


#tope p a{
	color:#dee7f4;
	font-size:22px;
	text-align:center;
	
	}

#topecontact{
	background: #2a4c7e url(images/topazul.gif) no-repeat top left;
	height:158px;
	position:relative;
	top:-8px;
	left:2px;
	margin-bottom:17px;
	}

#tope p,#topecontact p{
	margin:0px;
	text-align:justify;
	color:#DEE7F4;
	font-size:12px;
	xfont-style:italic;
	padding:54px 23px 23px 23px;
	}


#tope p.servicio{
	padding-top:29px;
	}

#tope p.even{
	padding-top:34px;
	}
	
#tope p.client{
	padding-top:29px;
	}	

#tope p.volver{
	text-align:center;
	padding-top:31px;
	}
	
#topecontact p.contact{
	color:#fff;
	font-size:20px;
	padding-top:23px;
	padding-left:71px;
	}

#topecontact p.size{
	font-size:18px;
	padding:30px 23px 0 98px;
	text-align:left;
	}
	
#video{
	width:554px;
	height:400px;
	margin: 0 0  35px 0;
	text-align:center;
	}
	
p.marco{
	padding:15px 24px;
	}
	


h1.titulo{
	font-weight:bold;
	font-size:13px;
	}
	
h1.titulo-nota{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	background:none;
	color:#000000;
	}

h1.evento, h1.evento a {
	width:95%;
	background:none;
	color:#2A4C7E;
	display:block;
	font-size:22px;
	text-align:center;
	margin:33px 0 40px 0;

	}
#evento-tendencia{
	margin-top:0px;
	padding-top:33px;
}
.evento-gallery{

	margin-bottom: 12px;
}

h1.evento-single{
	width:95%;
	background:none;
	color:#2A4C7E;
	display:block;
	font-size:22px;
	text-align:left;
	margin:20px 0 0px 0;
	padding-left:10px;
	}
	
	
h2, h2 a.subtitulo{
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	font-size:15px;
	}

.alinear{
	margin:3px 3px 3px 0;
	}

.alinearsocial{
	margin:3px 0px 3px 0px
    }
    		
.etiq{
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	background:none;
	padding:10px;
	width:155px;
	height:30px;
	position:relative;
	top:24px;
	left:8px;
	}



           		/* estilos para bordes redondeados sobre pagina blanca*/
	
	/* set millions of background images */
.rbroundbox-pagina {min-height:810px;  background: url(images/c-blancoclientes.gif) repeat-y top left;}
.rbroundbox-pagina .rbtop { background: url(images/tl-blancoclientes.gif) no-repeat top left; }
.rbroundbox-pagina .rbcontent {
	 min-height:796px;
	 
}
.rbroundbox-pagina .rbbot { background: url(images/bl-blancoclientes.gif) no-repeat bottom left; }

.rbroundbox-pagina .category{
	 min-height:783px;
	}




				/*fin estilos bordes*/	

.boton1{
	background: url(images/bcotizar2.gif) no-repeat bottom right;
	display:block;
	height:26px;
	color:#ffffff;
	font-style:italic;
	padding-right:26px;
	line-height:23px;
	}
				
.boton2{
	background: url(images/bcotizar2.gif) no-repeat bottom left;
	display:block;
	height:25px;
	color:#ffffff;
	font-style:italic;
	padding-left:7px;
	line-height:23px;
	}
	
.boton3{
	background: url(images/bcotizar3.gif) no-repeat bottom right;
	display:block;
	height:25px;
	color:#ffffff;
	font-style:italic;
	padding-left:26px;
	padding-right:20px;
	line-height:23px;
	width:236px;
	}						

.botonlargo{
	background: url(images/blargo.gif) no-repeat bottom right;
	display:block;
	height:25px;
	color:#ffffff;
	font-style:italic;
	font-weight:bold;
	line-height:23px;
	width:395px;
	text-align:center;
	}
	
	
.contenido-home{
	width:605px;
	min-height:810px;
	float:left;
	background:#ffffff;
	position:relative;
	}




.contenido-pagina{
	width:735px;
	height:810px;
	float:left;
	background:#ffffff;
}

.corporativos{
	background:url("images/subazul.gif") top left no-repeat;
	text-align:left;
	margin-left:2px;
	width:285px;
	height:27px;
	font-weight:bold;
	padding-top:5px;
	}	
	
	
	

	
.corporativos span{
	padding-left:10px;
	color:#DEE7F4;
	}
	

	
.cliented{
	width:250px;
	height:121px;
	vertical-align:bottom;
	margin-bottom:10px;
	float:right;
	position:relative;
	}

.contpost{
	padding:12px;
	}
		
.clientei{
	width:250px;
	height:121px;
	vertical-align:bottom;
	margin-bottom:10px;
	float:left;
	position:relative;
	padding-left:5px;
	}

	
.der{
	float:right;
	width:283px;
	height:184px;
	margin:0 0 20px 0;
	background: url(images/tiraazul.gif) no-repeat bottom left ;
	}
	
	
	
.descripcion,.descripciond{
	position:relative;
	width:263px;
	height:31px;
	padding:10px ;
	float:left;
	text-align:left;
	color:#505e69;
		}
.descripcion span.bold,
.descripcion span.bold a{
	color:#202020;
	}
	
.descripciond span.bold,
.descripciond span.bold a{
	color:#ffffff;
	}
		
.descripciond{
	text-align:right;
	color:#9eb4d5;
	
	}

.devento{
	width:572px;
	height:100px;
	background:url("images/devento.gif") top left no-repeat;
	margin:5px 0 23px 2px;
	padding:10px;
	}

.devento p{
	margin:0px;
	}
	
.foto{
	width:285px;
	height:217px;
	margin-bottom:3px;
	margin-top:18px;
	padding-left:2px;
	background: url(images/corpo.png) no-repeat bottom right ;
	
	}


	
.fotosocial{
	background: url(images/social.png) no-repeat bottom left ;
	} 
	
.izq{
	float:left;
	width:283px;
	height:184px;
	margin:0 17px 20px 0 ;
	background: url(images/tiraceleste.gif) no-repeat bottom right ;
	}

	
.imagen{
	width:130px;
	height:98px;
	margin-right:10px;
	}
	
span.dest{
	font-weight:bold;
	font-size:20px;
	}

span.caract{
	font-weight:bold;
	font-size:13px;
	color:#DEE7F4;
	}
	
.margenes{
	margin:0 10px ;
	}
	
.margenes2{
	margin:0 10px 0 47px;
	}
		
.otros{
	
	width:400px;
	float:left;
	height:25px;
	padding-left:105px;
	margin-top:7px;
	position:relative;
	top:288px;
	
	}

.otrostendencias{
	width:400px;
	height:25px;
	padding-left:105px;
	margin-top:7px;
	margin-bottom:14px;
	
	}

span.bold{
	font-weight:bold;
	}
	
span.texto{
	color:#7f7f7f;
	font-size:10px;
	font-weight:bold;
	}	
	
.subcat{
	color:#2a4c7e;
	display:block;
	text-align:center;
	font-size:16px;
	background:none;
	width:256px;
	margin-top:0px;
	}
	
.sociales{
	width:285px;
	height:27px;
	background:url("images/subceleste.gif") top left no-repeat;
	text-align:right;
	padding-top:5px;
	font-weight:bold;
	}

.sociales span{
	padding-right:10px;
	color:#2a4c7e;
	}
	
.tevento{
	background:url("images/tiracel.gif") top left no-repeat;
	width:572px;
	height:29px;
	padding:5px 10px;
	margin:5px 0 5px 2px;
	color:#2a4c7e;
	font-size:12px;
	font-weight:bold;
	}
	
.title{
	padding:1px 0 0 0px;
	margin:0px;
	}
		
	/********formulario contact****************/
.envio{
	float:right;
	width:51px;
	height:20px;
	margin:0px 8px 0 0;
	background:url("images/enviar.png") top left no-repeat;
	text-indent:-1000px; /*esto hace que no muestre el value del boton*/
	}
	
.formulario{
	width:575px;
	height:500px;
}

.form{
	position:relative;
	width:540px;
	height:500px;
	border:1px solid red;
	}
	
.mensajes, .wpcf7-response-output{
	position:relative;
	width:208px;
	height:50px;
	border:5px solid #ebbf69 !important;
	background:#ffe493;
	position:absolute  !important;
	top:209px; /*208px ;*/
	left:354px; /*347px;*/
	}

div.wpcf7-response-output {
	margin:0px !important;
	padding:5px ;
	widht:222px;
	}
	
.ocultar{
	width:133px;
	height:28px;
	overflow:hidden;
	float:left;
	}
	
label{
		width:113px;
		font-weight:bold;
		clear:left;
		float:left;
        margin-right:10px;
        padding-top:5px;
        text-align:right;
}

input{
	width:172px;
	border:none !important;
	background:url("images/input.png") top left no-repeat;
	margin:0 0 14px 0;
	padding-left:5px; 
	padding-right:5px;
	float:left;
	}

select{
	width:150px;
	border:none;
	background:url("images/select.png") top left no-repeat; 
	margin-bottom:14px;
	margin-top:5px;
	}
	
textarea{
	width:446px;
	height:167px;
	background:url("images/textarea.png") top left no-repeat;
	margin-bottom:14px;
	}		
	
	
	
	/********fin formulario *******************/