﻿/*-------------------------------------------body--------------------------*/
body {
	margin:0px;
	background-color:#283e53;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	background-image:	
		-webkit-gradient(  
		linear,  
		left top,  
		left bottom, 
		color-stop(0.1, #283e53), 
		color-stop(0.3, #1c6caf), 
		color-stop(0.6, #344d61),
		color-stop(0.9, #283e53)  ); 
}

img {border:none;}

/*-------------------------------------------termina body--------------------------*/
/*-------------------------------------------clases-------------------------------*/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #333;
}

h3 {
	font-family:Century Gothic;
	font-size:13px;
	color:#FFF;
	margin-bottom:10px;
}

h4 {
	font-family:Century Gothic;
	font-size:13px;
	color:#FFF;
	margin-bottom:5px;
}

/*-------------------------------------------termina clases--------------------------*/

/*------------------------------------------BANNER PRINCIPAL-------------------------*/

#banner_principal{
	width: 1024px;
	height: 100px;
	margin:auto;
	background-color:#FFF;
}

/*--------------------------------termina BANNER PRINCIPAL --------------------------*/

/*-------------------------------------------menu------------------------------------*/

#menu {
	width: 1004px;
	margin:auto;
	font-size:13x;
	background-color:#5287C0;
	padding:2px 10px;
	text-align:center;
	color: /*#a41a21*/ #FFF; 
}

a.btn_menu1{
	font-family: Arial;
	font-size: 13px;
	color:/*#a41a21*/ #FFF;
	text-decoration: none;
	margin:0px 20px;
}

a.btn_menu1:hover {
	color:#FF0;
	text-decoration: none;
}

/*-------------------------------------------termina menu--------------------------*/

/*-------------------------------------------contenedor---------------------------*/

#contenedor_index {
	width: 1024px;
	height: 361px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#FFF;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;	
	overflow:hidden;
}

#contenedor_mas_idea {
	width: 300px;
	height: 420px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#333;
	color:#FFF;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;	
	/**overflow:hidden;**/
	background-image:url(img/nosotros.jpg);
	background-repeat:no-repeat;	
	padding: 51px 340px 10px 384px;
}

#contenedor_servicios {
	width: 784px;
	height: 370px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#333;
	color:#FFF;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	background-image:url(img/servicios_mas_idea.png);
	background-repeat:no-repeat;	
	padding: 100px 150px 10px 90px;
	text-align:center;
}

#contenedor_clientes{
	width: 1024px;
	height: 483px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#333;
	color:#FFF;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	background-image:url(img/clientes_mas_idea.png);
	background-repeat:no-repeat;	
	/*padding: 100px 150px 10px 90px;*/
	text-align:center;
}

#contenedor_galeria{
	width: 1024px;
	height: 468px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#333;
	color:#FFF;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	background-image:url(img/galeria_mas_idea.png);
	background-repeat:no-repeat;	
	/*padding: 100px 150px 10px 90px;*/
	text-align:center;
	padding-top:35px;
}

.mas_idea_thmb {
	position:absolute;
	z-index:95;
	left:647px;
	top:320px;
	}

#contenedor_contacto{
	width: 712px;
	height: 363px;
	margin-right: auto;
	margin-left: auto;	
	background-color:#333;
	color:#000;
	top: 20px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	background-image:url(img/contacto.jpg);
	background-repeat:no-repeat;	
	padding: 120px 0px 0px 312px;
	text-align:left;
}


/*-------------------------------------------termina contenedor--------------------------*/

/*----------------------------------------contenido INDEX--------------------------------*/



/*------------------------------------------- Menu Servicios -------------------------------------*/

#menu_servicios {
	width: 1004px;
	height:20px;
	margin: auto;
	position:relative;
	top:0px;
	padding:50px 10px;
	background-color:#FFF;
	background-image:url(img/menu_servicios_masidea.png);
	background-repeat:no-repeat;
	background-position:right;
	z-index:90;
	}
	
a.btn_nosotros {
	margin: 0px 27px 25px 27px;
	padding:33px 0px 33px 0px;
	background-image:url(img/btn_amarillo00.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#666;
	}
	a.btn_nosotros:Hover {
	background-image:url(img/btn_amarillo01.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;	
	text-decoration:none;
	color:#999;
	}
	
a.btn_servicios {
	margin: 0px 27px 25px 27px;
	padding:33px 1px 33px 1px;
	background-image:url(img/btn_azul00.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	}
	a.btn_servicios:Hover {
	background-image:url(img/btn_azul01.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;	
	text-decoration:none;
	color:#FFF;
	}
	
a.btn_clientes {
	margin: 0px 27px 25px 27px;
	padding:33px 7px 33px 7px;
	background-image:url(img/btn_gris00.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	}
	a.btn_clientes:Hover {
	background-image:url(img/btn_gris01.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;	
	text-decoration:none;
	color:#FFF;
	}

a.btn_galeria {
	margin: 0px 27px 25px 27px;
	padding:33px 10px 33px 10px;
	background-image:url(img/btn_amarillo00.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#666;
	}
	a.btn_galeria:Hover {
	background-image:url(img/btn_amarillo01.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;	
	text-decoration:none;
	color:#999;
	}
	
a.btn_contacto {
	margin: 0px 27px 25px 27px;
	padding:33px 5px 33px 5px;
	background-image:url(img/btn_azul00.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	}
	a.btn_contacto:Hover {
	background-image:url(img/btn_azul01.png);
	font-family:Verdana;
	font-size:11px;
	text-align:center;	
	text-decoration:none;
	color:#FFF;
	}

.btn_100 {	
	margin: 0px 40px 30px 40px;
	}

a.btn_mkt_btl {
	padding:40px 48px 44px 45px;
	background-image:url(img/mkt_btl00.png);
	background-repeat:no-repeat;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	}
	a.btn_mkt_btl:Hover {
	background-image:url(img/mkt_btl01.png);
	
	text-decoration:none;
	}

a.btn_edecanes_gios {
	padding:40px 48px 44px 45px;
	background-image:url(img/edecanes_gios00.png);
	background-repeat:no-repeat;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	}
	a.btn_edecanes_gios:Hover {
	background-image:url(img/edecanes_gios01.png);
	
	text-decoration:none;
	}
/*------------------------------------------- /Menu Servicios  -----------------------------------*/

/*-------------------------------------------termina contenido--------------------------*/

/*-------------------------------------------pie--------------------------------------*/

#pie{
	width: 1024px;
	height:250px;
	margin: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:8pt;
	position:relative;
	top:-23px;
	background-color:#808083;
	background-image:url(img/foot_idea.png);
	background-repeat:no-repeat;
}

#pie a {
	font-family: verdana;
	color: #FFF ;
	font-size: 11px;
	text-decoration: none;
}

#pie a:hover {
	color:#FC0;
	text-decoration: underline;
}

/*-------------------------------------------texto pie--------------------------*/

#contact{
	width: 210px;
	height:80px;
	text-align:left;
	position:relative;
	top:35px;
	left:50px;
}

#contact_01{
	width: 210px;
	height:80px;
	text-align:center;
	position:relative;
	top:-55px;
	left:400px;
}

#redes_tw{
	width: 220px;
	height:40px;
	text-align:left;
	position:relative;
	top:-190px;
	left:810px;
	z-index:95;
}

/*-------------------------------------------termina texto pie--------------------------*/

/*----------------------------------------FORMS CONTACTO-----------------------------------*/

.cajatexto_c {
	font-family:Arial, Helvetica, sans-serif;
	color:#717880;
	font-size:13px;
	border-color:#9FB5C2;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFA;
	height:20px;
	width:350px;
	margin:3px;
	padding:0px 0px 0px 3px;
	}		

.cajatexto_c:hover{
	border-color:#717880;
	background-color:#FFF;
	color:#717880;
	}	

.cajatexto_c:focus{
	border-color:#000;
	background-color:#FFF;
	color:#000;
	}



.cajatexto_m {
	font-family:Arial, Helvetica, sans-serif;
	color:#717880;
	font-size:13px;
	border-color:#9FB5C2;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFA;
	height:100px;
	width:350px;
	margin:3px;
	padding:0px 0px 0px 3px;
	}		

.cajatexto_m:hover{
	border-color:#717880;
	background-color:#FFFF;
	color:#717880;
	}	

.cajatexto_m:focus{
	border-color:#000;
	background-color:#FFF;
	color:#000;
	}

/*-----------------------------------------TERMINA FORMS--------------------------*/	

/*-----------------------------------------BOTONES--------------------------------*/

.boton_send{
	font-family:Verdana;
	color:#717880;
	font-size:9pt;
	position:relative;
	margin:0px 5px ;
	top:1px;
	border-color:#717880;
	border-width:1px;
	font-weight:bold;
	background-color:#CFCFCF;
	}

.boton_send:hover{
	border-style:solid;
	border-color:#717880;
	font-weight:bold;	
	background-color:#E5E5E5;
	color:#000;
	}
	

.boton_send:active{
	border:1px;
	color:#717880;
	border-style:solid;
	border-color:#717880;
	font-weight:bold;
	background-color:#CFCFCF;
	}


/*-----------------------------------------TERMINA BOTONES--------------------------*/

/*--------------------------------------------LINKS-------------------------------------*/

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #a41a21;
	font-size: 9pt;
	text-decoration: none;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#91959b;
	text-decoration: underline;
	}

/*-------------------------------------------Termina LINKS------------------------------*/
