@charset "utf-8";
/* CSS Document */
/* Body */
body { background:url(../img/bg_fixed.jpg) #fcfcfc repeat-x; margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 1.5; text-align: justify; }
.container{ background:none; width:1020px; margin: 0 auto; }

/* Contenedores */
.home_body {float:left; position:relative; height:690px; margin-left:0px; margin: 0 auto; width:1000px; }

#container_int { margin: 0 auto; width:706px; height: 100%; padding: 0px; padding-right:38px; text-align:left; float: right; }
#container_int p { margin-left: 48px; color:#424242; font-size:0.8em; padding-bottom:80px;  }

#contacto { background:url(../img/bg_Contacto.jpg) #fcfcfc repeat-x; width:720px; height: 500px; }

.conte_menu { height:100%; margin-left:0px; padding-top:0px; width: 213px; float:left; text-align:left; margin-top:0px; }
.conte_info { float:left; height:100%; margin-left:5px; padding-top:0px; width: 494px; }

/* H's */
h1 { font-size:0.9em; margin-left:15px; margin-top:5px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_AcercaInframe-trans.png) no-repeat; width:457px; height:71px; }
h2 { font-size:0.9em; margin-left:15px; margin-top:5px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_WebPortafolio-trans.png) no-repeat; width:457px; height:71px; }
h3 { font-size:0.9em; margin-left:15px; margin-top:55px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_DesignPortafolio-trans.png) no-repeat; width:457px; height:71px; }

h4 { font-size:0.9em; margin-left:15px; margin-top:5px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_AboutUs-trans.png) no-repeat; width:457px; height:71px; }
h5 { font-size:0.9em; margin-left:15px; margin-top:5px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_Web-trans.png) no-repeat; width:457px; height:71px; }
h6 { font-size:0.9em; margin-left:15px; margin-top:55px; border:0px; padding:0px; color:#36577b; font-weight:normal; background: url(../img/tit_GraphicDesign-trans.png) no-repeat; width:457px; height:71px; }


.header_texto{ float:right; width:580px; height:152px; padding-right:110px; margin:0px; text-align: right;}

.nota{ font-size:0.8em;}

/* Sección Header */
#header { padding-bottom:0px; padding-left:0px; padding-top:0px; margin: 0 auto; width:1100px; height:400px; }
#header_logo { padding-top: 112px; padding-right:20px; margin:0px; float:left;}
#Banner_Principal { background:url(../img/bg_bannerhome.jpg) center no-repeat; height:293px; width: 1020px; margin: 0 auto; /*border: 1px solid #FF0;*/ }

/*Secciones HOME */
#cu3er-container { margin-top: 32px;}
#cont_video { width:460px; height:360px; padding-top:40px; float:left; }
#cont_text { width:400px; height:360px; padding-top:10px; float:left; }
#cont_text p { text-align:left; font-size:0.8em; color:#424242; padding-top:30px; }

/* Banner */
#boton { float:right; margin:0px; border:0px; padding-top:10px; }
.link { font-size: 0.9em; color:#ea2719; font-weight:bold; float:right; padding-top:7px; }
#imagen { float: left; margin:0px; border:0px; padding-left:0px; padding-right:15px; }
#bg_menubanner { background:url(../img/bg_menu.jpg) no-repeat; width:979px; height:276px; margin-top:25px; float:left; }
#caja { float:left; width:160px; padding-left:20px; padding-top:30px; margin:0px; }
#caja img { float:left; padding:0px; margin:0px; }

.login { background:url(../img/bg_login.jpg) no-repeat; width:459px; height:72px; margin:0px; padding:0px; float:right;  }
#login_alt { width:610px; height:126px; margin:0px; padding:0px; float:right; color:#ea332f; font-size:0.9em; font-family:tahoma;}
#login_alt p{ margin:0px; padding:0px; float:right; color:#ea332f; font-size:1.3em; font-family:tahoma;}
#login_alt_img {margin:0px; padding:0px; color:#ea332f; font-size:0.9em; font-family:tahoma; float:left;}

/* Portafolio */
#portafolio {  
	background: url(../img/bg_portafolio-trans.png) top center;
	_background: none;
	list-style:none;
	margin:0;
	width: 650px;
	padding-top:24px;
	padding-left:45px;
	float:left;
}
#portafolio li {
	margin:0px;
	padding-bottom:60px;
	padding-top:0px;
	float:left;
	width:320px;
	text-align:center;
	color:#434343;
	font-size:0.7em;
	
}
#portafolio li a, #portafolio li a:visited {
	display:block;
	padding:0px;
	text-decoration:none;
	color:#9b9b9b;
	/*border-top:1px #fff solid;*/
	padding-top: 0px;
}

.portafolio_titulo {
	font-size:1.5em;
}
.portafolio_desc, .portafolio_desc a{
	color:#9b9b9b;	
}

.subtitulo {
	font-size:1.4em;
	font-family: Tahoma, Helvetica;
	color:#00618a;
	
}

#result { float:right; padding-top:24px; padding-right:8px;}
/* Sección HOME - BG IZQUIERDA - BG DERECHA */

.home_contenido { padding-left:14px; padding-top:0px; padding-left:125px; border:0px; padding-bottom:0px; margin: 0px; width:795px; float:left; position:relative; height:100%; }
.home_contenido p { text-align:justify; font-size:0.8em; line-height: 1.4; }
.home_contenido p img { float:left; padding-top:20px; padding-bottom:20px; }
.home_contenido p a{ color:#ea332f; }
#home_contenido_div { width:330px; padding-left:50px; padding-top:50px; float: left; }
#titulo_interior { font-size: 1.3em; font-weight:500;}
#resaltado { font-size: 1.3em; color:#224476;}
#separador { float: right; padding:0px; margin:0px: border:0px;}

#home_contenido_izquierda { width:265px; float:left; padding-left:60px; border:0px; }
#lateral { width: 225px; font-size: 0.7em; color: #6a6969; float:right; padding-right:30px;}
#lateral p { padding-top:0px; padding-bottom:0px; text-align:justify; }


#home_contenido_derecha { width: 560px; float:left; padding-left:15px; margin:0px; border:0px; }
#home_contenido_derecha p { font-size: 0.7em; text-align:justify; color: #6a6969; padding:0px; margin-top:15px; border:0px; }

#slider ul, #slider li { margin:0; padding:0; list-style:none; text-align:center; }	
#slider li { width:831px; height:296px; overflow:hidden; }
#slider { padding-top:2px; float:left; padding-left:100px;  }

/* Form */
.formularios p { margin:0px; border:0px; padding:0px; float:left; font-weight:600; font-size:0.7em; padding-bottom:4px; padding-top:13px;}
.formularios { margin:0px; border:0px; padding-left:13px; float:left; width:295px; height:250px;}
.formularios p a { float:right; margin-right:14px;}

/* links en General*/
a { text-decoration:none; font-weight:500; color:#006bb7; }

/* Footer */
#footer { font-size: 10px; color: #fff; margin:0; width:100%; background:#225059; padding-bottom: 0px; clear: both; }
#footer a:link, #footer a:visited { color: #56A391; text-decoration: underline; }
#footer a:hover { color: #fff; background: #3D3729; padding: 0; text-decoration: none; }
#footer p{ padding-top:0px; padding-bottom:0px; margin:0px; border:0px; color: #838181; };

/*Menu Principal*/
.seleccionado { color:#bed044; font-weight:bold; }
select { width:220px; border:1px solid #d9d4d4; background-color:#ffffff; height:20px; color:#666666; font-size:1em; margin-left:4px; margin-top:10px;}

/* Clear */
.clear {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* TextFields, TextArea, Selects, etc */
#mensaje{ color:#474747; width: 330px; padding: 0px; font-size:0.7em; float: right; margin-right:40px; margin-top:50px; font-family:tahoma; }
#envia_mensaje{ color:#474747; width:160px; margin:0px; margin-right:20px; border:0px; text-align:left; font-family:tahoma; }
.left_textinput { color:#474747; width: 298px; padding: 0 10px 0 18px; padding-bottom:10px; float: left; font-family:tahoma; text-align:left; }
.right_textinput { font-family:tahoma; color:#474747; width:292px; float: left; text-align:left; }

#mensaje .row {margin: 9px 0 0 0;font-family:tahoma; text-align:left; color:#474747; }
#mensaje .row label em {font-family:tahoma; padding-left: 3px; color:#fff; }
#mensaje div.textinput { font-family:tahoma; background: url(../img/textbox_200.gif) 0 0 no-repeat; height: 26px; margin: 3px 0 0 0; color:#474747; }

#mensaje select { font-family:tahoma; background:#f4f4f4; height: 26px; width:200px; margin: 0 0 0 0; color:#474747; }
#mensaje input { font-family:tahoma; background: none; width: 292px; height: 21px; padding: 5px 6px 0 6px; border: none; color:#474747; }
  
#mensaje div.textarea { font-family:tahoma; background: url(../img/textarea_430.gif) 0 0 no-repeat; height: 95px; margin: 3px 0 0 0; width: 330px; color:#474747; }
#mensaje textarea { background: none; width: 300px; height: 83px; font-family:tahoma; font-size:1em; margin: 5px 6px 5px 6px; color:#474747; border: none; }

 div.submit { background: url(../img/btn_Ingresar.gif) 0 0 no-repeat; height: 26px; width: 100px; font-family:tahoma; margin: 0px 0px 0px 10px; margin-left:15px; float: left; color:#F00; border:0px; border-collapse: collapse; }
.left_textinput label, .right_textinput label { color:#000; }