@charset "utf-8";
/* CSS Document */

/*

Proyecto creado por: Perucreativo
Email: ventas@perucreativo.com
Telefono: (511) 265-2020

Colores utilizados:

texto: #626262
fondo: #fff


=============================================================================

ORDEN DE ESTILOS APLICADOS:

1.0 - body
2.0 - Header
3.0 - Header Video
4.0 - Cuerpo
5.0 - caracteristicas
6.0 - testimonio
7.0 - formulario



*/


/*=================================================================
1.0 - body
=================================================================*/


body{
	background:#fff url(images/fondoweb2.jpg) repeat-x top;
	/*font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;*/
	margin: 0 auto;
	overflow-x: hidden;


}

#contenedor{
	width:960px;
	margin:0 auto;
}



/*=================================================================
2.0 - Header
=================================================================*/
	#header{
		/*height:80px;*/
		height:100px;
		overflow:hidden;
	}
	
#logo h1 {
	float: left;
	margin: 5px 0px 5px 20px;
	background: transparent url(images/logo.png) top left no-repeat;
	width: 250px;
	height: 66px;
	text-indent: -99999px;
/*	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod="scale");*/
}

#logo  h1 a {
	display: block;
	width:248px;
	height:48px;
}

#telefono{
			width:320px;
			height:38px;
			padding:20px 0 0 5px;
			float:right;
}


/*=================================================================
3.0 - HEADER VIDEO
=================================================================*/

#zonavideo{
	background:#C5DCED;
	/*height:140px;*/
	height:375px;
	width:900px;
	margin:0 auto;
	
		/* IE6 Only */
/** html #zonavideo {margin : 5px 5px 5px 5px; width:900px; height:200px;	*/
	
}

#textovideo{
	position:relative;
	float:left;
	width:410px;
	/*top: 22px;*/
	top: 0px;
}

#textovideo a{
	background:url(images/btn_detalles.png);
	display:block;
	width:374px;
	height:68px;
	text-decoration:none;
	color:#FFF;
	}
/*
#textovideo a:hover{
	 background:url(images/btn_detalles_hover.png);
	width:374px;
	height:68px;	
}*/

#textovideo a:hover{
	text-decoration:underline;
	color:#FFF;
}



#textovideo h2{
font-size: 32px; 
line-height: 38px;
font-family: georgia,serif;
font-style: italic;
padding:10px;
}


#textovideo h3{
font-size: 24px; 
/*font-family: georgia,serif;*/
color:#FFF;
}

#textovideo p{
	padding:10px;
	font-size: 16px;
	line-height: 22px;	
	font-family: arial,helvetica,sans-serif;
	color:#626262;
}

#txtlink {
	position:absolute;
	left:88px;
	top:414px;
	width:305px;
	height:42px;
	z-index:5;
	color:#FFF;
	font-family: arial;
	text-align: center;
	font-size: 22px;
	line-height: 26px;
}

#txtlink a {
	color:#FFF;
	text-decoration:none;
}

#txtlink a:hover {
	color:#FFF;
	text-decoration:underline;
	
}

#video{
	/*position:relative;*/
	float:left;
	width:420px;
	
	/*margin: 5px 0px 10px 25px;*/
}



/*=================================================================
4.0 - Cuerpo
=================================================================*/



#cuerpo{
	background:#FFF;
	width:900px;
	margin: 0 auto;
	height:100%;
	
}

#cuerpo h2{
font-size: 18px;
line-height: 38px;
font-family: georgia,serif;
font-style: italic;
padding:10px;
}

#cuerpo h3{
	font-size: 16px;
	line-height: 19px;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
}


/*=================================================================
5.0 - caracteristicas
=================================================================*/


#caracteristicas{
	height:288px;	
}
	
#caracteristias p{
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 18px;
}

/*=================================================================
6.0 - testimonio
=================================================================*/


#testimonio{
	/*height:280px;*/
	height:230px;
}


#testimoniobox{
	background:#FFFFCC;
	border:#E9E9B6 1px solid;
	background-position: center top;
	background-repeat: repeat-x;
	position: absolute;
	left: 64px;
	top: 810px;
	width: 860px;
	height: 123px;
	z-index: 1;
	font-size:16px;
	line-height: 26px;
	font-family: georgia,serif;
}



/*=================================================================
4.0 - Clases
=================================================================*/


.flecha{
position: absolute; left: 29px; top: 122px; width: 32px; height: 11px; z-index: 1;	
}

.textobox{
position: absolute; left: 20px; top: 4px; width: 811px; height: 116px; z-index: 2;	
}

.autor{
	background-color: #fff;
	position: absolute;
	left: 84px;
	top: 947px;
	width: 229px;
	height: 57px;
	z-index: 2;

}

.imgcaracteristica{
position: absolute; 
left: 0px; 
top: 0px;
width: 48px;
height: 58px; 
z-index: 1;	
}

.txtcaracteristica{
position: absolute; 
left: 48px;
top: 1px; 
width: 185px;
height: 91px;
z-index: 2	
}

.imgcliente{
position: absolute; left: 0px; top: 0px; width: 45px; height: 45px; z-index: 1;	
}

.textotestimonio{
	position: absolute;
	left: 56px;
	top: 3px;
	width: 163px;
	height: 60px;
	z-index: 2;
	font-size: 12px;
	line-height: 14px;
	font-family: arial,helvetica,sans-serif;
	color:#626262;
}



#pie{
	
background:#0b4283;
font-family: arial,helvetica,sans-serif; 
height:35px; 
color:#CCC; 
font-size: 13px;
line-height: 18px;
width:880px;
margin:0 auto;
padding:10px;
}


/*=================================================================
1.0 - Formulario
=================================================================*/


/* FORMULARIO */

#mapa{
	padding:10px;
	width:420PX;
	margin-left:15px;
	float:left;	
	position:relative;
}

#form{
	padding:10px;
	width:560px;
	float:left;	
	position:relative;
}

#contactar{
	/*height:auto;	*/
	height:855px;
	border: #5376A0 solid 1px;
	position:relative;
	position:fixed:
	/*border:  #5376A0 solid 1px;*/

	


}
	
#contactar p{
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 18px;
}

#contactar h2{
font-size: 30px; 
line-height: 38px;
font-family: georgia,serif;
font-style: italic;
padding:10px;
color:#144A88;
}

#contactar strong{
font-size: 20px; 
line-height: 38px;
font-family: georgia,serif;
font-style: italic;
/*padding:10px; */
color:#144A88;
}


#enviado{
	/*height:auto;	*/
	height:205px;
	position:relative;
	border:#5376A0 solid 1px;

}

#enviado h2{
font-size: 30px; 
line-height: 38px;
font-family: georgia,serif;
font-style: italic;
padding:10px;
color:#144A88;
}

/* FORMULARIO 2 */


#formulario2 {
	/*width:320px;*/
	background:#ebebeb url(images/bgform.gif) repeat-x;
	border:1px solid #d3d3d3;
	/*margin:0 auto;	*/
	margin-left:20px;
	padding:10px;
	width:360px;
	float:left;	
	position:relative;

}
#formulario2 .formbody {
	margin:22px;
}
#formulario2 form, #formulario fieldset {
	margin:0 !important;
	padding:0 !important;
	border:0px;
}
#formulario2 legend em {
	position:absolute;
	left:-9999em;
}



#formulario2 label {
	display:block;
	font-size:15px;
	color:#444;
	margin-bottom:3px;
}

#formulario2 input.textinput {
	width:100%;
	border:1px solid #d3d3d3;
	background:#fff url(images/txtform.gif) repeat-x;
	font-size:15px;
	color:#000;
	text-indent:7px;
	padding:7px 0;
	margin-bottom:10px;
}

#formulario2 input.required {
	width:100%;
	border:1px solid #d3d3d3;
	background:#fff url(images/txtform.gif) repeat-x;
	font-size:15px;
	color:#000;
	text-indent:7px;
	padding:7px 0;
	margin-bottom:10px;
}

#formulario2 input:focus {
	border-color:#77b2ee;
}

#formulario2 select, #formulario2 textarea{
	width:100%;
	border:1px solid #d3d3d3;
	background:#fff url(images/txtform.gif) repeat-x;
	font-size:15px; 
	color:#000;
	/*	text-indent:7px; */
	padding:7px 0; 
	margin-bottom:10px;
}


#formulario2 input.error, #formulario2 input.error:focus {
	border-color:#8d1c1c;
}

#formulario2 .errormsg {
	font-size:14px;
	font-weight:bold;
	color:#8d1c1c;
	margin-bottom:15px;
}

#formulario2 .enviar {
	display:block;
	float:right;
	width:121px;
	height:42px;
	background:url(images/btnenviar.gif) no-repeat;
	margin-top:10px;
}
#formulario2 .enviar:hover, #formulario2 .enviar:focus {
	background-position:right top;
}

#formulario .btnenviar label {
	font-size:12px;
	color:#777;
	border-bottom:1px solid #d3d3d3;
	padding:0 0 5px;
	margin:0 0 7px;
}
#formulario .aclogin-action label input {
	vertical-align:middle;
}

.intro{
	margin-left:10px;
	
}

#paises{
	margin-top:180px;
	
}