@charset "iso-8859-1";

/*  

----------------------------------------------------------------------------------------------------------------

	Desarrollado por: COINTERACTIVO Estudio Creativo

----------------------------------------------------------------------------------------------------------------

	Tecnologías de Información			Rubén Maldonado Mercado		ruben@cointeractivo.com

	

/* Documento CSS */





/*  ESTILO GENERAL */

html, body {

  height: 100%; /* Required */

}



a {

outline:none;

}



body {

	background:url(../images/fondo_site3.jpg) no-repeat #000000 center top;

	font-family: Arial, sans-serif;

	text-align:center;

	font-size: 12px;

	color: #FFFFFF;*/

	margin : 0px;

	padding: 0px;

}



ul  {

 list-style:none;

}

ul, li {

 margin:0;

 padding:0;

 list-style:none;

}



.cB {

	clear:both;

}

.bold {

	font-weight:bold;

}



/* ESTRUCTURA BASICA */



#wrapper {

 margin-left:auto;

 margin-right:auto;

/* height:100%;*/

/* background-color:#ff0000;*/

}

#container-page {

  margin: 0 auto;

  width: 100%;

  /*text-align: left;*/

  position: relative;

  min-height: 100%; /* For Modern Browsers */

  height: auto !important; /* For Modern Browsers */

  height: 100%; /* For IE */

}

#container-content {

  height:589px;

}



#container-content .contenedor {

	width:1020px;

	height:589px;

	margin:auto;

}



/* LEFT */

#container-left {

	width: 470px;

	height:589px;

	float:left;

}

#demo-reel {

	width: 470px;

	height:329px;

}

#demo-reel .titulo1{

float:left;

height:36px;

margin-left:39px;

width:108px;

}

#demo-reel .titulo2{

float:left;

height:36px;

margin-left:180px;

width:108px;

}

#demo-reel .contenedor{

background:url(../images/layout_demoreel.png);

float:left;

height:291px;

margin-left:38px;

width:418px;

}

#demo-reel .contenedor .video{

background-color:#000000;

float:left;

height:245px;

margin-left:17px;

margin-top:25px;

width:383px;

}

#products {

	width: 470px;

	height:260px;

}





#products_shop {

	width: 470px;

	height:260px;

}

#products_shop .titulo {

}

#products_shop .titulo img{

 float:left;

 margin-left:40px;

 margin-top:3px;

}

#products_shop_gal {

float:left;

height:145px;

margin-left:42px;

padding-top:15px;

width:420px;	

}



#products_shop_gal .foto {

float:left;

height:50px;

margin-right:15px;

margin-top:5px;

width:90px;

}













/* --- */





/* HOME  */



#container-right-home {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_home {

	width: 500px;

	height: 530pX;

	background: url(../images/home_news_fondo01.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}

.fecha1 {

	color:#f4d706;

	text-align:left;

	font-size:14px;

	font-weight:bold;

	height:25px;

}

.info1 {

	text-align:justify;

	font-size:13px;

	line-height:15px;

}



/* BIO  */



#container-right-bio {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_bio {

	width: 500px;

	height: 530pX;

	background: url(../images/home_news_fondo01.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}

.titulo_bio {

 color:#f4d706;

 font-size:16px;

 font-weight:bold;

 height:28px;

}

.info_bio {

 color:#FFFFFF;

 font-size:13px;

 text-align:justify;

 line-height:15px;

}

.amarillo {

 color:#f4d706;

}

#resume_item {

	width: 420px;

	height:25px;

	font-size: 11px;

}



#resume_item .ri_evento {

	width:200px;

	display:inline-block;

	line-height: 30px;

	color:#f4d706;

	float:left;

}

#resume_item .ri_rol {

	width:140px;

	display:inline-block;

	line-height: 30px;

	float:left;

}

#resume_item .ri_empresa {

	line-height: 30px;

	margin-right: 10px;

	line-height: 30px;

	float:left;

}





#pdf {

 float:left;

 height:65px;

 width:300px;

}

#pdf .pdf_logo {

 float:left;

 width:56px;

}

#pdf .pdf_txt a {

 float:left;

 font-size:12px;

 margin-left:8px;

 margin-top:25px;	

 color:#f4d706;

}

#pdf .pdf_txt a:hover {

 float:left;

 font-size:12px;

 margin-left:8px;

 margin-top:25px;	

 color:#FFFFFF;

 text-decoration:none;

}

#bio_pictures {

	width: 470px;

	height:329px;

	background:url(../images/bio_marco_foto.png);

}

#bio_pictures img {

 margin-left:24px;

 margin-top:59px;

 width:384px;

 height:245px;

 overflow:hidden;

}







/* EVENTOS  */



#container-right-event {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_events {

	width: 500px;

	height: 530pX;

	background: url(../images/events_fondo01.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}

.titulo_anio {

 color:#F4D706;

 float:left;

 font-size:16px;

 font-weight:bold;

 height:17px; 

 float:left;

 clear:both;

}

#head_eventos {

 color:#F4D706;

 float:left;

 font-size:14px;

 font-weight:bold;

 height:30px;

 width:420px;

 padding-top:15px;

}

#head_eventos .head01 {

 float:left;

 height:30px;

 width:120px;

}

#head_eventos .head02 {

 float:left;

 height:30px;

 width:182px;

}

#head_eventos .head03 {

 float:left;

 height:30px;

 width:100px;

}

#info_eventos {

 color:#FFFFFF;

 float:left;

 font-size:12px;

 height:18px;

 width:420px;

}

.separa_anios {

	height:25px;

	float:left;

}

#info_eventos .head01 {

 float:left;

 width:120px;

}

#info_eventos .head02 {

 float:left;

 width:182px;

}

#info_eventos .head03 {

 float:left;

 width:100px;

}

.tira_eventos {

 float:left;

 height:2px;

 width:420px;

 height:10px;

}

#eventos_pictures {

	width: 470px;

	height:329px;

	background:url(../images/bio_marco_foto.png);

}

#eventos_pictures img {

 margin-left:24px;

 margin-top:21px;

}

#eventos_pictures .titulo {

}

#eventos_pictures .titulo img{

 float:left;

 margin-left:40px;

 margin-top:3px;

}



#eventos_pictures a img{

	width:384px;

	height:245px;

	overflow:hidden;

}









/* MEDIA  */



#container-right-media {

	width: 547px;

	height: 589px;

	float:left;

}

#container-right-videos {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_media {

	width: 500px;

	height: 530pX;

	background: url(../images/home_news_fondo01.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}

.media_gal {

float:left;

width:420px;

margin-bottom:35px;



}



.media_gal .fotog {

float:left;

height:50px;

margin-right:15px;

margin-top:5px;

width:90px;

}



.media_gal .titulo_media {

 color:#f4d706;

 font-size:16px;

 font-weight:bold;

 height:17px;

}





#video11 {

	width: 470px;

	height:329px;

}

#video11 .contenedor{

background:url(../images/layout_demoreel.png);

float:left;

height:291px;

margin-left:38px;

margin-top:34px;

width:418px;

}

#video11 .contenedor .video{

background-color:#000000;

float:left;

height:245px;

margin-left:17px;

margin-top:25px;

width:383px;

}































/* CONTACTO  */



#container-right-contact {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_contact {

	width: 500px;

	height: 530pX;

	background: url(../images/home_news_fondo02.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}

#tarjetas {

	width: 470px;

	height:329px;

}

.titulo_contacto {

 color:#f4d706;

 font-size:16px;

 font-weight:bold;

 height:28px;

 margin-left:10px;

}

.info_contacto1  {

 font-family:arial;

 font-size:12px;

 font-weight:bold;

 width:270px;

 height:50px;

 margin-left:10px;

}

.info_contacto2  {

 font-family:arial;

 font-size:12px;

 font-weight:bold;

 width:392px;

 margin-left:10px;

}



.info_contacto3  {

 font-family:arial;

 font-size:12px;

 font-weight:bold;

 width:392px;

 height:35px;

}



#email_contacto  {

 color:#F4D706;

 font-size:16px;

 font-weight:bold;

 height:43px;

 margin-left:10px;

}

#email_contacto a {

 color:#f4d706;

}

#email_contacto a:hover {

 color:#FFFFFF;

 text-decoration:none;

}

#forma_email {

height:216px;

margin-top:26px;

width:454px;

 margin-left:10px;

}

#forma_email .input_contacto {

	color: #151007;

	border: 0px solid #ff0000;

	font-family:Arial, Helvetica, sans-serif;

}

#forma_email .input_campo1 {

 position:relative;

 width:454px;

 height:25px;

}

#forma_email .input_campo2 {

 position:relative;

 width:221px;

 height:25px;

 float:left;

}

#forma_email .input_campo3 {

 position:relative;

 width:222px;

 height:25px;

 margin-left:10px;

}

.campo1, .campo2, .campo3 {

height:15px;

font-size:11px;

}

.campo2 {

 width:232px;

 float:left;

}

.campo3 {

 width:222px;

 float:left;

}

.campo6 {

 width:405px;

 float:left;

 text-align:right;

}

#campo5 {

 float:right;

 color:#f4d706;

 font-weight:bold;

}

#campo5 a {

 float:right;

 color:#f4d706;

 font-weight:bold;

}

#campo5 a:hover {

 color:#FFFFFF;

 text-decoration:none;

}







/* SHOP  */



#container-right-shop {

	width: 547px;

	height: 589px;

	float:left;

}

#fondo_scroll_shop {

	width: 500px;

	height: 530pX;

	background: url(../images/home_news_fondo01.png) no-repeat;

	padding:0px;

	margin-top:50px;

	margin-left:27px;

}



.logo_wave {

 height:150px;

 margin-left:10px;

 width:258px;

}

.titulo_shop {

color:#F4D706;

font-size:16px;

font-weight:bold;

height:19px;

margin-bottom:10px;

margin-left:21px;

text-align:left;

width:410px;

}

.info_shop {

font-size:12px;

line-height:1.2em;

margin-left:20px;

text-align:justify;

width:410px;

margin-bottom: 20px;

}

.info_shop a{

font-size:12px;

line-height:1.2em;

text-align:justify;

width:410px;

text-decoration:none;

}

.info_shop a:hover{

font-size:12px;

line-height:1.2em;

text-align:justify;

width:410px;

color:#F4D706;

text-decoration:none;

}

.mini_txt1 {

color:#F4D706;

font-size:12px;

height:19px;

margin-left:20px;

text-align:left;

width:242px;

}



.logos_bottom {

margin-left:20px;

width:242px;

}





#titulos1_derecha {

 float:left;

 margin-left:27px;

}











/* Noticias  */





.photo_container-products {

	border:none;

}



.photo_container_home {

	margin:0px;

	background: transparent url(../images/home_marco_foto.png) no-repeat;

	width: 316x;

	height: 198px;

}

.link_gal {

font-size:10px;

height:14px;

margin-top:-11px;

width:208px;

color:#F4D706;

}

.photo_container_home img {

	margin:9px;

	width: 275px;

	height: 163px;

	border: none;

}















#container-foot {

  width: 100%;

  position: absolute;

  bottom: 0 !important;

  bottom: -1px; /* For Certain IE widths */

  height: 120px;

}





/*  SCROLL   */



#pane0, #pane1, #pane2, #pane4, #pane5 {

	margin:-9px;

	width:405px;

	height: 438px;

	background: none;

	padding:20px;

	text-align:left;

}



			

.yellow-bar .jScrollPaneTrack {

	background: transparent;

	margin-top:10px;

}





.jScrollPaneDrag {

  background:  #ebcd09;/*url(images/btn_scroll.jpg) repeat-y;*/

  border: outset 1px #aa8f02;

  width:5px;

}

.yellow-bar .scroll-pane {

	color: #fff;

}







/* EVENTOS  */



#events_items {

	border:none;

}



#events_items tr {

	height: 30px;

	border:none;

}



#events_items tr .event_item_mon {

	width: 108px;

	border:none;

}



#events_items tr .event_item_nam {

	width: 177px;

	border:none;

}



#events_items tr .event_item_pla {

	width: 105px;

	border:none;

}



.borde-amarillo_event {

	border-bottom: dotted 1px yellow;

}



/*    */





div.cate a {

	color: #a0a0a0;

}



div.cate_last a {

	color: #a0a0a0;

}





.input_contacto {

	color: #00a8df;

	border: 0px solid #ff0000;

	font-family:Arial, Helvetica, sans-serif;

}

.textarea_contacto {

	color: #00a8df;

	border: 0px solid #ff0000;

	font-family:Arial, Helvetica, sans-serif;

	height:178px;

	width:543px;

	top:2px;

}







/*  MAILER */

#home_mailer {

	width:100%;

	height:38px;

	position:relative;

	top:58px;

	margin:auto;

}

#home_mailer .contenedor {

	background:url(../images/fondo_mailer.png);

	width:960px;

	height:38px;

	position:relative;

	margin:auto;

}

#home_mailer .contenedor .campo {

	float:left;

	position:relative;

	width:200px;

	top:10px;

	left:331px;

}

#home_mailer .contenedor .btn {

	float:left;

	position:relative;

	width:128px;

	height:23px;

	top:8px;

	left:364px;

}

#home_mailer .contenedor .campo .input {

	color: #00a8df;

	border: 0px solid #ff0000;

	width:219px;

	font-family:Arial, Helvetica, sans-serif;

	height:18px;

	top:2px;

}













/*  CONTACTO   */

#contacto_container {

	background:url(../images/fondo_contacto.png);

	width:960px;

	height:600px;

	float:left;

	position:relative;

	top:10px;

}







/*  FOOTER  */



#home_footer {

    margin-left:auto;

    margin-right:auto;

    position:relative;

	height:38px;

	width:100%;

	display:block;

}





/*  FORMULARIOS Y CAMPOS */





/* GENERICOS */

.oculta {

 display:none;

}

.error {

 color:#07266e;

 font-size:12px;

}

.line_blue {

	color: #94aabf;

}

.line_gris {

	color: #c7c7c7;

	width:460px;

	float:left;

}

.oculto {

	display:none;

}

.img_label {

  color:#CC0000;

  font-weight:100;

}

.flotante{

  float:left;

  vertical-align:middle;

}

.warning {

  color:#CC0000;

  font-weight:100;

}





/*  LINKS */

a {

outline:none;

}



a:link {

	color: #FFFFFF;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

a:active {

	text-decoration: none;

	color: #FFFFFF;

}







/* Focus

----------------------------- */

.foco_activo {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	background-color:#f5acba;

}

.foco_activo3 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	background-color:#bed63a;

}

.Fill {

	border: 1px solid #CC0000;

}

.foco_vacio {

	border: 1px solid #CC0000;

}



.azul {

 color:#00a8df;

 font-weight:bold;

}