@import url('normalize.css');

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg-all.jpg) #26649e repeat-x;
	color: #5b5b5b;
	min-width: 100%;
	margin:0;
	padding:0;

}
body a { -webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
	color: #333; text-decoration: none; cursor: pointer; }
body a:hover{ color:#402617;}


a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.line { display: block; text-indent: -4000px; clear: both; border-bottom:#829bac 1px solid; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }
ul{ list-style:none; font-weight:100;}

.padd20{ padding:20px;}
.padd40{ padding:40px;}

	.contenedor{ width:1050px; margin:0 auto;}
	h1{ margin:0;}
	h2{ color:#085fc0; margin:10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
	h3{ margin:10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
	h4{ color:#FFF; margin:10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:18px;}
	h5{ margin:10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:15px; color:#114e92;}
	
	p{ margin:10px 0; text-align:justify;}
	
#header{ background:#FFF; height:100px; margin:0 0 30px 0;}
#header .logo{ float:left; margin:10px 0 0 15px}
#header .logo a{ display:block; background:url(../images/estudio-caballero.jpg) no-repeat; width:270px; height:90px; font-size:0;}
#header #navigation{ float:right; background:url(../images/bg-nav.jpg) repeat-x; width:760px; height:100px;}
#header #navigation li{ float:left; background:url(../images/line-nav.jpg) no-repeat top right; padding-right:2px;}
#header #navigation li a{ display: block; color:#FFF; padding:20px 27px 8px 27px; text-shadow:#1c4887 2px 2px 0; font-family: 'Roboto Condensed', sans-serif; font-size:15px;}
#header #navigation li span{ display:block; width:32px; height:28px; margin:10px auto;}
#header #navigation li a:hover, #header #navigation li a.activo{ border-bottom:#ded357 5px solid;}
#header #navigation li .ico1{ background:url(../images/ico/ico1.png) center top no-repeat;}
#header #navigation li .ico2{ background:url(../images/ico/ico2.png) center top no-repeat;}
#header #navigation li .ico3{ background:url(../images/ico/ico3.png) center top no-repeat;}
#header #navigation li .ico4{ background:url(../images/ico/ico4.png) center top no-repeat;}
#header #navigation li .ico5{ background:url(../images/ico/ico5.png) center top no-repeat;}
#header #navigation li .ico6{ background:url(../images/ico/ico6.png) center top no-repeat;}


#slider{ height:354px;}
	#banner{ width:788px; background:#FFF; height:353px; float:left; position:relative;}
	#banner .top{ background: url(../images/banner-top.png) no-repeat; width:252px; height:13px; position:absolute; top:-13px; left:18px;}

#slider .call{ width:262px; height:354px; background:url(../images/llamenos.jpg) no-repeat; float:right;}
#slider .call h4{ text-align:center; background:#15417a; padding:10px 0; font-size:14px; margin-top:20px;}
#slider .call .phone{ background:url(../images/bg-call.jpg)  repeat-x; height:70px;  margin-top:215px;}
#slider .call  .phone .number{    background: url(../images/ico/call.png) 8px 11px no-repeat;
    padding: 8px 0 5px 60px;
    color: #FFF;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;}

#main{ background:#FFF;}

	.more{  color:#085fc0;}
	.borde{ border:#E6E6E6 4px solid; padding:4px; margin:15px;}
	
	.well{ border-bottom:#999 1px dotted; height:200px; margin-bottom:35px;}
 	.well img{ margin-right:20px;}
	
	.servicios{ margin-left:-12px;}
	.servicios li{ width:174px; float:left; margin:0 11px;}
	.servicios .title{ background: url(../images/bg-nav.jpg) repeat-x; color:#FFF; display:block; text-align:center; padding:10px 0;}
	.servicios li img{ transition:all .4s; width:174px; }
		.servi li img{ transition:all .4s; }
	.servicios li img:hover, .servi li img:hover{ opacity:.7;}
	
	.intereses{ margin:30px 0;}
	
	.nosotros{ background:url(../images/businessman.png) no-repeat; padding:0 0 0 350px; min-height:450px;}
		.box1{ border:#dddddd 1px solid; padding:20px 15px; border-left:#ded357 4px solid;}
		.back{ background:#15548f; padding:5px 15px; color:#FFF;}
		.back:hover{ background:#1f73c1; padding:5px 15px; color:#FFF;}
	
	/* servicios */
	.servi{ text-align:center; margin-left:-20px;}
	.servi li{ float:left; width:280px; margin:0 20px;}
		.box2{ padding:15px 10px; line-height:15px; border:#96c6eb 2px solid; color:#666; min-height:120px;}
	.servi .mail{ font-size:12px; margin:5px 0; display:block; color:#3c76c1;}
		
		/* staff */
		.staff li{ float:left; width:440px; padding:20px;}
		.staff li.one{ border-right:#79bbf4 1px solid; }
		
		.staffs{ width:900px; margin:0 auto;}
		.staffs li{ border:#CECECE 2px solid; height:176px; position:relative; float:left; margin:4px;}
		.staffs li .name{ display:none; transition:all .4s; font-size:15px;}
		.staffs li:hover .name{ background:rgba(33,128,216,.8); padding:4px 7px; color:#FFF; position:absolute; bottom:0; z-index:999; display:inherit; width:187px;}
		.staffs li span{ display:block; font-size:12px; color:#ded357;}
		
				ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

		.tab-content{
			display: none;

			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}
		
		/* boletines */
	.boletines{}
	.boletines li{ width:150px; border:#e7e7e7 1px solid; box-shadow:0 0 10px #e7e7e7; float:left; margin:18px; padding:5px;}
	.boletines li img{width:150px;}
	.boletines li .box{ padding:5px 20px; text-align:center; display:block;}
	.boletines li .box span{ color:#999; display:block; font-size:11px;}
	.boletines li  .boton{ background:#0875ae; border-radius:4px; color:#FFF; padding:2px 0; margin:5px 0;}
	/* contacto */
	.datos{ width:450px;}
	.datos label{ display:block;}
	.datos .campo{ border:0; padding:8px; background:#e3edf8; width:400px; margin:0 0 10px 0; border-radius:4px; font-weight:bolder;}
	.datos .oblig{ color:#b2a809;}
	.datos textarea{border:0; padding:8px; background:#e3edf8; width:400px; margin:0 0 10px 0; border-radius:4px;}
	.datos .enviar{ border:0; padding:10px 25px; background:#096cb2;  font-family: 'Roboto Condensed', sans-serif; color:#FFF; font-size:14px;  border-radius:4px;}
	.datos .enviar:hover{ background:#1b92e6;}
	
	.alianzas{ margin:40px 0;}
	.alianzas img{ margin:0 13px; transition:all .4s;}
	.alianzas img:hover{ opacity:.6;}

#footer{ color:#FFF; height:100px;}
#footer .copy, #footer .copy a{ color:#eaeaea; font-size:11px;}
#footer .copy a{ text-decoration:underline;}

.webmail{ background:url(../images/ico/webmail.png) no-repeat; padding-left:30px; color:#f2f2f2; font-size:12px;}
.webmail:hover{ color:#f2f2f2; text-decoration:underline;}