@charset "utf-8";
/* Autor: Abel Espinoza Herrera */
header, nav, section, article, aside, figure, footer{
	display:block;
}
*/

@font-face {
  font-family: 'Raleway-Medium';
  src: url('Raleway-Medium.eot');
  src: url('Raleway-Medium.eot?#iefix') format('embedded-opentype'),
       url('Raleway-Medium.woff') format('woff'),
       url('Raleway-Medium.ttf') format('truetype'),
       url('Raleway-Medium.svg#Raleway-Medium') format('svg');
}

.fontpro,.fontpro-35198 {
  font-family: 'Raleway-Medium',sans-serif;
}
#columna-formulario{
	width: 350px;
	float: right;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*--- FORMULARIO ---*/
label {
    display:block;
    margin-top:10px;
	padding-left: 20px;
	text-align: left;
}
.formulario {
    display:block;
    margin:0 auto;
    width:95%;
    color: #757575;
    font-family:'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;
	font-size:14px;
}
form {
    margin:0 auto;
    width:100%;
}
 
input, textarea {
    width:90%;
    height:16px;
    background:#d0d0d0;
    border:2px solid #d0d0d0;
    padding:10px;
    margin-top:5px;
    font-size:14px;
    color:#3d4554;
	font-family:'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;
	font-size:14px;
}
 
textarea {
    height:150px;
}
 
#submit {
    width:85px;
    height:40px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	background:#640c24;
	color:#fcfdfa;
}
a img{
	border:none;
}
a{
	color: #a0a0a0;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #cbb576;
}
#banner a{
	color: #CCC;
	text-decoration: none;
}
#banner a:hover {
	text-decoration: none;
	color: #cbb576;
}
	
.limpiar{
	clear:both;
}
body{
	margin:0;
   background-color:#310a15;

}
#bg-cabecero{
	background-color:#f6f8f2;
	background-repeat:repeat-x;
	background-image:url('imagenes/bg-argasesores.jpg');
}
p{
	font-family:'Droid Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
}
h1{
	font-size:24px;
	 color:#fff;
	 font-weight:normal;
	 font-family: Arial,Helvetica,sans-serif;
	 margin-bottom:10px;
}
h2{
	font-family: Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#333;
	margin-top:6px;
}
h3{
	color:#9d0a33;
}
h4{
	color:#9d0a33;
	font-family:'Times New Roman', Times, serif; 
	font-size:17px; 
	font-weight:normal
}
/*--- Maquetacion ---*/
#contenedor{
	width:950px;
	margin:0 auto;
	padding-bottom:40px;
	padding-left:25px;
	padding-right:25px;
	padding-top:8px;
}
/*-- Cabecera ---*/
#cabecera{
	height:160px;
	font-family:Arial, Helvetica, sans-serif;
	color:#036;

}
#logo{
	width:164px;
	height:160px;
	float:left;
}
#cabecera ul{
	width:300px;
	height:64px;
	display:block;
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	padding-top:40px;
	color:#43537e;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
}
#cabecera ul li{
	float:right;
}
/*#cabecera li a{
	width:45px;
	height:45px;
	display:block;
	float:right;
	margin-left:10px;
}*/

/*--- Menu ---*/
#menu{
	height:57px;
}
#menu ul{
	margin:0;
	list-style:none;
	width:900px;
	height:47px;
	display:block;
	float:none;
	padding-top:20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:225px;
	background-repeat:repeat-x;
}
#menu li{
	float:left;
}
#menu li a{
	line-height:20px;
	display:block;
	padding:0 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
#menu li a:hover{
	color:#cbb576;
}
/*--- Cuerpo ----*/
.titulopagina{
	display:block;
	font-size:30px;
	color:#6D6D6D;
}
.cajas{
	padding:0 0;
}
#cajapresentacion{
	width: 455px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 14px;
	color:#575656
}
#cajapresentacion-equipo{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 14px;
	color:#575656
}
#cajapresentacion-donde{
	width:340px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size:14px;
	color:#575656;
	text-align:left;
}
#cajapresentacion2{
	width:100%;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size:14px;
	color:#fff;
}
#cajapresentacion2 h1{
	 font-size:24px;
	 color:#fff;
	 font-weight:normal;
	 font-family:Arial, Helvetica, sans-serif;
	 margin-bottom:10px;

}
#cajapresentacion h1{
	 font-size:24px;
	 color:#FFF;
	 font-weight:normal;
	 font-family:Arial, Helvetica, sans-serif;
	 margin-bottom:20px;

}
#banner{
	width: 338px;
	float: right;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#banner-jesus{
	width: 450px;
	float: right;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#banner-juanramon{
	width: 450px;
	float: left;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:50px;
	
}
#banner-donde{
	width: 590px;
	float: right;
	padding-top: 37px;
	font-family:Arial, Helvetica, sans-serif;
}
#banner-donde2{
	width: 590px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
}
/*--- Proyecto ---*/
.caja-proyectos{
	width:200px;
	float:left;
	border-top:1px solid #a0b6c8;
	padding-top:16px;
	margin-right:50px;
}
.caja-proyectos h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	margin:6px;
}
.caja-proyectos a{
	color:#848484;
	text-decoration:none;
}
/*-- Servicios ----*/
.celeste{
	color:#637f96;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
}
.caja-servicios{
	float:left;
	margin-top:60px;
	margin-bottom:20px;
	color:#a0b6c8;
	width:100%;

}
.caja-servicios-sm{
	margin-top:60px;
	width:295px;
	float:left;
	margin-right:0;
	margin-bottom:20px;

}
.caja-servicios h2, .caja-servicios-sm h2{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 color:#a0b6c8;
	 font-weight:normal;
	 padding-top:10px;
}
#img-inicio img{
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px
}
/*--- NUEVO FOOTER ---*/
.celeste3{
	color:#637f96;
	line-height:18px;
	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
}
.caja-servicios3{
	width:295px;
	float:left;
	margin-top:60px;
	margin-right:28px;
	margin-bottom:20px;
	color:#a0b6c8;

}
.caja-servicios-sm3{
	margin-top:60px;
	width:295px;
	float:left;
	margin-right:0;
	margin-bottom:20px;

}
.caja-servicios3 h2, .caja-servicios-sm3 h2{
	 font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
	 font-size:18px;
	 color:#a0b6c8;
	 font-weight:normal;
	 padding-top:10px;
}
/*--- Pie pagina ---*/

#piepagina{
	margin-top:50px;
}
#piepagina .menupie{
	width:474px;
	height:60px;
	display:block;
	background:#310a15;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:20px;
}
#piepagina .menupie li{
	float:left;
}
#piepagina .menupie li a{
	line-height:40px;
	display:block;
	padding:0 25px;
	border-right:4px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#piepagina .menupie li a:hover{
	color:#000;
}
#piepagina .socialespie{
	width:120px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:10px;
}
#piepagina .socialespie li{
	float:right;
}
#piepagina .socialespie li a{
	width:45px;
	height:45px;
	display:block;
	float:right;
	margin-left:6px;
}

.contact-form input {
	width: 314px;
	float: left;
	margin-right: 9px;
}
.contact-form input:nth-child(3n+3) {
	margin-right: 0;
}
.contact-form input[type="submit"] {
	margin-top: 10px;
}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	body{
		margin:15px;
		background-image:none;
	}
	/*--- Maquetacion ---*/
	#contenedor{
		width:96%;
		padding:2%;
	}
	#bg-cabecero{
		background-image:none;
	}
	/*-- Cabecera ---*/
	#cabecera{
		height:auto;
			background-color:#f4f4f2;
	}
	#logo{
		width:100%;
		height:auto;
		float:none;
	}
	#cabecera ul{
		display:none;
	}
/*--- Menu ---*/
	#menu{
		height:auto;
		border-bottom:none;
	}
	#menu ul{
		width:100%;
		height:auto;
		background:none;
		float:none;
		padding-top:0;
		padding-left:0;
	}
	#menu li{
		float:none;
	}
	#menu li a{
		line-height:30px;
		display:block;
		background:#761a33;
		padding:0;
		text-align:center;
		border-right:none;
		font-size:13px;
		margin-bottom:4px;
	}
	/*--- cuerpo ---*/
	#cuerpo{
		margin-bottom:20px;
	}
	#cajapresentacion{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	#cajapresentacion h1{
		 font-size:33px;	
	}
	#banner{
		width:100%;
		float:left;
	}
	/*--- servicios ---*/
	.caja-servicios-sm{
		width:270px;
		float:left;
		margin-right:68px;
		margin-bottom:20px;
		border-top:1px solid #FF2F04;
	}
	/*--- Pie pagina ---*/
	#piepagina{
		height:auto;
		margina-top:30px;
	}
	#piepagina .menupie{
		float:none;
		margin:0 auto;
	}
	#piepagina .socialespie{
		width:120px;
		height:45px;
		display:block;
		float:none;
		margin:0 auto;
		padding:0;
		list-style:none;
		padding-top:10px;
	}
	#banner-donde{
	width: 100%;
	float: right;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	
}
	#banner-juanramon{
	width: 100%;
	float: left;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:0px;
	
}
	#banner-jesus{
	width: 100%;
	float: left;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	
}

	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	body{
		margin:8px;
	}
	/*--- Maquetacion ---*/
	#contenedor{
		width:98%;
		padding:1%;
	}
	/*--- Menu ---*/
	#menu{
		height:auto;
		border-bottom:none;
	}
	#menu ul{
		width:100%;
		height:auto;
		background:none;
		float:none;
		padding-top:0;
	}
	#menu li{
		float:none;
	}
	#menu li a{
		line-height:30px;
		display:block;
		background:#761a33;
		padding:0;
		text-align:center;
		border-right:none;
		font-size:13px;
		margin-bottom:4px;
	}
	/*--- Cuerpo ----*/
	#img-inicio img{
		width:100%;
		height:auto;
		padding-left:0;
	}
	/*-- pie pagina ---*/
	#piepagina .menupie{
		width:100%;
		height:auto;
		background:none;
		float:none;
		padding-top:0;
	}
	#piepagina .menupie li{
		float:none;
	}
	#piepagina .menupie li a{
		line-height:30px;
		padding:0;
		background:#761a33;
		border-right:none;
		font-size:13px;
		margin-bottom:4px;
		text-align:center;
	}
	#banner-juanramon{
	width: 100%;
	float: left;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:0px;
	
}
	#banner-jesus{
	width: 100%;
	float: left;
	padding-top: 37px;
	font-family: Arial, Helvetica, sans-serif;
	
}
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	#logo img{
		width:60%;
		height:auto;
	}
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	body{
		margin:5px;
	}
	#cajapresentacion h1{
		 font-size:20px;	
	}
	.cajas{
		padding:4px 0;
	}
	/*--- Proyecto ---*/
	.caja-proyectos{
		width:100%;
	}
	.caja-proyectos img{
		width:100%;
		height:auto;
	}
	/*--- servicios ---*/
	.caja-servicios, .caja-servicios-sm{
		width:100%;
	}
	
	.caja-servicios img, .caja-servicios-sm img{
		width:100%;
		height:auto;
	}
	
}