@charset "utf-8";
body { margin:0; padding:0; width:100%; height:100%; background:#efefef url(images/piel_fondo.jpg) top repeat-x;}
html { padding:0; margin:0; }
* {margin:0; padding:0}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
.main2 {min-height:100%; height: auto; height:100%;}
/********** header **********/
.blok_header { margin:0; padding:0;}
.header { width:991px; margin:0 auto; padding:0;}
/* logo */
.logo {	padding:0;	margin:15px 0; width:312px;	float:left; }

/* menu */	
.menu_resize { width:991px; heigt:56px; margin:0 auto; padding:0;background:#505050; }
.menu { padding:0; margin:0; width:990px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 26px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#505050; background: #dedede;}
.menu ul li a.active { color:#505050;  background:#efefef;}
/* menu */	


/* menu proyectos*/	
.menu_proy {width:955px;margin:0 5px;padding:1px;background:#ffffff; border::1px solid #999999; -webkit-box-shadow: 0px 0px 4px #ababab;}
.menup {padding:0;margin:0;width:955px;float:left; }
.menup ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menup ul li { float:left; margin:0; padding:0; border:0;}
.menup ul li a { float:left; margin:0; padding:13px 30px; color:#505050; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menup ul li a:hover { color:#ffffff; background: url(images/over_menu_proy.jpg) repeat-x;}
.menup ul li a.active { color:#ffffff;  background: url(images/over_menu_proy.jpg) repeat-x;}

.titulo_act {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; margin:10px 0 0 0; padding:10px; background:url(images/bg_tit_proy_act.jpg) top no-repeat; -webkit-box-shadow: 0px 0px 4px #ababab;}
.titulo_inac {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:10px 0 0 0;
	padding:10px;
	background:url(images/bg_tit_proy_inact.jpg) top no-repeat;
	-webkit-box-shadow: 0px 0px 4px #ababab;
}

.titulo_act .estado {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:right;
	margin: 0;
	width: 220px;
}
.titulo_inac .estado {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0;
	float:right;
}

.titulo_act .estado a{	font:bold 11px Arial, Helvetica, sans-serif;color:#ffffff;	margin:0;float:right}
.titulo_inac .estado a{	font:bold 11px Arial, Helvetica, sans-serif;color:#ffffff;	margin:0;float:right}

.titulo_act .estado a:hover{font:bold 11px Arial, Helvetica, sans-serif;color:#cccccc;margin:0;float:right}
.titulo_inac .estado a:hover{font:bold 11px Arial, Helvetica, sans-serif;color:#cccccc;margin:0;float:right}

.titulotxt{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0;
	padding:0;
	width: 600px;
}


.cuerpo_act{
	background:#FFF;
	border:1px solid #790301;
	margin:5px 0;
	-webkit-box-shadow: 0px 0px 4px #ababab;
	padding: 5px;
}
.cuerpo_inac{background:#FFF; border:1px solid #999999;  margin:5px 0; padding: 5px; -webkit-box-shadow: 0px 0px 4px #ababab;}

.cuerpo_act .masinfo{font:bold 11px Arial, Helvetica, sans-serif;color:#999999; width: 600px;height:40px;margin-top: 20px;}
.cuerpo_act .masinfo img{margin:0;	padding:0;	}
.cuerpo_act .masinfo a{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_act .masinfo a:hover{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_act .masinfo a:active{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_act  .masinfo p{font:bold 11px Arial, Helvetica, sans-serif;color:#999999;padding-top: 10px;}

.cuerpo_inac .masinfo{	font:bold 11px Arial, Helvetica, sans-serif;color:#999999;width: 300px;height:40px;margin-top: 20px;}
.cuerpo_inac .masinfo img{margin:0;	padding:0;	}
.cuerpo_inac .masinfo a{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac .masinfo a:hover{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac .masinfo a:active{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac  .masinfo p{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#999999;
	padding-top: 10px;
	padding-left: 47px;
}

.cuerpo_inac .masgal{color:#999999;	width:300px;height:40px;}
.cuerpo_inac .masgal img{ margin-left:2px;}
.cuerpo_inac .masgal a{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac .masgal a:hover{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac .masgal a:active{font:bold 11px Arial, Helvetica, sans-serif;	color:#999999;}
.cuerpo_inac .masgal p{font:bold 11px Arial, Helvetica, sans-serif;color:#999999; padding-top: 10px;}
/* menu */

	

/*redes */
.redes { width:90px; float:right; font:11px Arial, Helvetica, sans-serif; text-decoration:none;	color:#626262;	margin:10px 0; }
.redes img { float:right; margin:0 0 0 30px;}
.redes a{font: 11px Arial, Helvetica, sans-serif;	color:#626262; text-decoration: none;}
.redes a:hover{font:bold 11px Arial, Helvetica, sans-serif;	color:#626262; text-decoration: none;}
/*redes */

/*header_text_bg*/
.header_text_bg { margin:0; padding:0;}
/*header_text*/
.header_text { margin:0 auto; padding:0px; width:991px; }
.header_text_blog { height:92px; width:991px; background: url(images/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:0; margin:0; text-align:center;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#848484; padding:0; margin:0; text-align:center;}
/*top_text*/
.top_text { background:url(images/top_text_bg.jpg) top repeat-x; width:991px; margin:0 auto; padding:0; border-bottom::10px solid #000000; -webkit-box-shadow: 0px -1px 2px #ababab; }
.top_text2 { background:#efefef; width:991px; height:40px; margin:0 auto; padding:0; border-bottom::10px solid #000000; -webkit-box-shadow: 0px -1px 2px #ababab;}
.top_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:5px; margin:0; line-height:1.8em;}
.top_text2 h2 {font: normal 24px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:0;  padding:20px 0 0 10px;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:0px; margin:0;}
.top_text img { float:left; margin:0px 5px 0 0; padding:0;}
.top_text .block { width:243px; float:left; padding:10px 30px 0 30px; margin:0;}
.top_text .block2 { width:243px; float:left; padding:10px 30px 0 30px; margin:0 47px;}
.top_text .block3 { width:243px; float:left; padding:10px 0 0 30px;}
.top_text .block4 { width:190px; float:left; padding:10px 4px;}
.top_text .block a { float:right; }
.top_text .block2 a { float:right; }
.top_text .block3 a { float:right; }
.top_text .block4 a { float:right; }
/********** body **********/
.body_resize { margin:0; padding:0;  background:#efefef;}
.body_resize2 { background:#efefef; min-height:100%; height: auto; height:100%;}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 {  font: normal 24px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:0;  padding:10px 5px;}
.body img { float:left; padding:0 10px 0px 0; margin:10px 5px 0 0;}
.body img.port { float:left; padding:0; margin:15px 1px;}
.body img.floated { float:right; padding:0; margin:0;}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#646464;
	line-height:1.6em;
	padding:5px 0px;
	margin:0;
}
.justificado {text-align:justify;}
.fuente_movex {	float:right; width:955px; font:normal 11px Arial, Helvetica, sans-serif; color:#a6a6a6;	margin-top:15px;}
.fuente_not { float:left; width:450px; font:normal 11px Arial, Helvetica, sans-serif; color:#a6a6a6; margin-top:35px;}
.fuente_agenda { float:left; width:450px; font:normal 11px Arial, Helvetica, sans-serif; color:#a6a6a6; margin-top:28px;}
.body p span { color:#8e8e8e; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.4em; }
.body a {
	text-decoration:none;
	color:#960;
	line-height:1.8em;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.body_small { width:390px; float:left; margin:0px 0 5px 15px; padding:0;}
.body_small1{ width:470px; float:left; margin:0px 15px 5px 0; padding:0;}
.body_small11{ width:470px; float:left; margin:0px 0 5px 0; padding:0;}
.body_small p {font:normal 12px Arial, Helvetica, sans-serif; color:#646464; line-height:1.4em; padding:10px 5px; margin:0;}
.body_small2 { width:470px; float:left; margin:0px 15px 5px 0; padding:0;}
.body_small3 {
	width:380px;
	float:right;
	margin:0 0 0 15px;
	padding:0;
}
.body_small3 img { float:left; margin:10px 21px 0px 5px; padding:0;}
.body_big { width:535px; float:left; margin:0px 15px 5px 5px; padding:0;}
.body_big2 { width:955px; float:left; margin:0px 5px 5px 5px; padding:0;}
.body_big22 { width:955px; float:left; margin:0px 5px 5px 5px; padding:0;}
.body_big3 { width:550px; float:left; margin:0px 5px 5px 5px; padding:0;}
.body_big2 img { float:left; padding:0; margin:5px 15px 2px 0; border:1px solid #FFF;}
.body_big2 .fuente_movex img { float:right; padding:0; margin:5px 0 0 30px; border:1px solid #FFF;}
.body_big2 .fuente_movex img.izquierda { float:left; margin:5px 0 0 0; border:1px solid #FFF;}
.body_big22 img { float:left; padding:0; margin:5px 15px 0 0;}
.body_big2 p img { float:left; padding:0; margin:5px 21px 0 0; border:1px solid #FFF; }
.body_big2 h2 img { float:left; padding:0; margin:5px 22px 0 0;}
.body .block2 { width:255px; margin:5px; padding:0; float:left;}
.calendario { width:220px; height:205px; float:right;}
.calendario p {font:normal 10px  Arial, Helvetica, sans-serif; color:#5c5c5c;}
.calendario img {float:right; padding:0; margin:5px 0 0 15px; border:1px solid #FFF;}
.calendario a:hover { color:#2a2c2c; background: #969696;}

/*FBG*/
.FBG { background:#dedede; border-top:1px solid #d3d3d3; margin:0; padding:0;}
.FBG_resize { width:980px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:20px 0 0 0; padding:0;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#646464; padding:0px; margin:0; line-height:1.8em;}
.FBG_resize h2 { font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; padding:0 ; margin:0; }
.FBG_resize a { padding:10px 0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
.FBG_resize a:hover { color:#2f2f2f; text-decoration:underline;}
.FBG_resize .right {width:160px; float:right; margin:10px 0 10px 0; padding:0; border-left:1px solid #FFF;}
.FBG_resize .left {  width:575px; float:left; margin:10px 0 10px 0; padding:20px 0 0 0;}
.FBG_resize .left p {word-spacing: 0.3em; color:#FFF; text-decoration:none; }
/* END FBG*/

/*************footer**********/
.footer_resize { width:980px; margin:0 auto; padding:0 0 50px 0;   height:130px;  }
.footer {padding:0;  margin:0; background:#505050; border-top:1px solid #b9b9b9; height: 600px;}
.footer2 {background:#505050; border-top:1px solid #b9b9b9; height: auto; height: 600px; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#5c5c5c; }
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
/********** contact form **********/
/* Conatct Form */
.contact2 {width:550px;margin-right:20px;padding:10px 15px;float:left;}
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
button { float:left; border:0; padding:0; margin:0; }
button.enviar { width:102px; height:30px; background:url(images/send.gif) top center no-repeat; margin: 10px 20px 0 0 }
button.resetear { width:64px; height:30px; background:url(images/clear.gif) top center no-repeat; margin: 10px 20px 5px 0 }
/* FORMULARIO CHULO */
#container99 { width:540px;	margin:10px 0 10px 40px;float:left;	border: 1px solid white; -moz-border-radius: 10px;  -webkit-border-radius: 10px; }  
  
#formulario {
	padding:0px;
	margin:10px 0 0 0;
}  
.formularios {
	padding:0px; margin-bottom:10px;
} 

.botones { margin:10px 30px 0 0; width:300px; float: right;}
  
#formulario fieldset {  
  
   width: 300px;
 border: 0;  
  
}  
  
#formulario label {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	display: block;
	padding: 0 0 10px 0;
}  
  
#formulario input[type=text], textarea {  
  
 width: 400px;
 padding: 5px 0 10px 0;  
 border: 1.5px solid black;  
 color: #515151;  
 font:normal 15px Arial, Helvetica, sans-serif;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 3px;  
  
}  
  
#formulario input[type=text]:focus, textarea:focus {
	background: #f3f3f3;
}  
  
#formulario input[type=submit] {
  
 border: none;  
 margin-right: 1em;  
 padding: 6px;  
 text-decoration: none;  
 font:normal 15px Arial, Helvetica, sans-serif;
 background: #525252;  
 color: white;  
 width: 80px;  
 -moz-border-radius: 5px;  
 -webkit-border-radius: 3px;
  
}  
  
#formulario input[type=submit]:hover {
	background: #737373;
	cursor: pointer;
	font:normal 15px Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
}  
  
#validar-nombre, #validar-correo, #validar-sitio, #validar-mensaje{
	position: absolute;
	width: 130px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color: #515151;
	margin-top: 0px;
	margin-left: 10px;
}  


#validar-nombre img, #validar-correo img, #validar-mensaje img {  
 padding:10px 0 0 5px;  
}  



p.clr, .clr { clear:both; padding:0; margin:0;}
.clr2 { height:100%;  height:auto; min-height: 100%; margin-bottom:20px;}

li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 0 0; background:none; list-style:none;}
.bg2 { clear:both; border-bottom:1px solid #dedede; border-top:1px solid #FFF; padding:1px 0 0 0; margin:0px 0 0px 0; background:none; list-style:none;}
.bg3 {clear:both;border-bottom:5px solid #dedede;padding:5px 5px;margin:0 0 0 0;background:none;list-style:none;}

.bgmproy{width:955px;clear:both;border-bottom:1px solid #dedede;border-top:1px solid #FFF;padding:1px 0 0 0;margin:5px 8px;	background:none;list-style:none;}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  Index Portfolio  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#index_portfolio { float: left; width: 100%; margin: 0;}
.sm { margin: 0 auto; list-style:none; width:990px; height:400px; display:block; overflow:hidden}
.sm li {float:left; display:inline; cursor: pointer; width: auto; overflow:hidden}
.sm li img { border: 0px; }
.index_port_item { float: right; overflow: hidden; cursor: pointer; position: relative; height: 400px; }
#index_portfolio .index_port_item a { width: 100%; height: 400px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 400px; float: left; position: absolute; display: block; }

#index_portfolio .index_port_item .caption { position: absolute; padding: 20px; float: left; }
#index_portfolio .index_port_item .caption h2 { font-weight: bold; }
#index_portfolio .index_port_item .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
.agendaing {font:normal 12px Arial, Helvetica, sans-serif; color:#7F7F7F; line-height:1.6em; padding:5px 5px; margin:0;}