/* CSS Document */

/*tipografia*/
body {
width:100%;
height:1340px;
margin:0;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

}

img {border:none;}


body {
background-position:bottom center;
background-image:url(img/body/footer.jpg);
background-repeat:no-repeat;
}

html {
background-image:url(img/body/cabecera.jpg);
background-color:#000000;
background-position:top center;
background-repeat:no-repeat;
margin-bottom:0;
}


/*botonera pagina*/


.botMenu{width:110px;
			height:30px;
			background:url(img/body/soporte_bot_azul.png) no-repeat center center;
			margin:30px 0 0 220px;
			}
.numeros {float:right; height:30px;}

.botMenu img{display:block; padding-top:3px;}
.botMenu img.izq{padding-left:4px; float:left;}

.botMenu img.der {padding-right:4px; float:right;}
.botMenu p.menuUnDigito {display:block; padding:7px 6px 6px 0; float:left; width:50px; font-size:1em; color:#FFFFFF; text-align:center; margin-left:3px;}

.botMenu p.menuUnDigito2 {display:block; height:auto;  margin:0; padding:7px 6px 0 0; float:left; width:50px; font-size:1em; color:#FFFFFF; text-align:center; margin-left:3px;}

.botMenu2{
		width:110px;
		background:url(img/body/soporte_bot_azul.png) no-repeat center center;
		padding:3px 0 0 0;
		margin:30px 0 0 220px;
}

.botMenu2 img{display:inline;}
.botMenu2 img.der { margin-left:58px;}
.botMenu2 img.izq { margin-left:3px;}
.botMenu2 p.menuUnDigito2 {
		width:auto;
		margin-right:30px;
		font-size:1em;
		color:#FFFFFF; 
		text-align:center;	
		float:right;
		margin-top:-24px;
		 border:1px solid red;}


/*---------------HOME----------------------*/

/*seteos basicos*/
#contenedor
{
margin:0 auto;
width:914px;
height:auto;
}

#contenedor div {float:left;}

.botonera {width:100%; height:135px;}

.cont {width:917px; margin:0; padding:0; height:auto;}

.col1 {width:291px;}

.col2 {width:/*623*/625px; float:right;} /*se le quito 1 px al width para agregar la linea sin que se cayera todo*/

.datos {width:100%;}


.left {float:left;}
.right {float:right;}



/*banner esquinado*/

.banner {visibility: visible !important;
         position: absolute;
		 top: 0;
		 right: 0;}
		 

/*botonera*/

img.titulo {float:right; margin-top:60px;}
ul.nav {text-align:right; margin-top:106px; list-style-type: none; display:block;}
ul.nav li {display:inline; margin:0; padding:0;}
ul.nav img {height:auto;}

a.logo {float:left; margin:55px 0 0 20px;}


/*contenedor de columnas*/

.cont {

background-image:url(img/columnas/backcol.jpg);
background-position:top center;
background-repeat:no-repeat;
height:1045px;

}

/*columna1*/

.col1 {
background-image:url(img/columnas/col_1_downPNG.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:100%;
/*border-left:1px solid #121A1D;*/
}


.col1_bizarro {width:264px;  margin-left:12px;}


.cajaNoticias {margin:20px 0 30px 0; width:100%;}
.cajaNoticias a.rss{font-size:0.83em; color:#FFFFFF; padding-left:20px; float:right; margin-top:30px; text-decoration:none;}
/*.cajaNoticias a.rss:link, .cajaNoticias a.rss:hover, .cajaNoticias a.rss:visited{text-decoration:none;}*/


.cajaNoticias a img { float:left;}
.cajaNoticias img { float:left;}

.titular {
border-top:1px dashed #f6ff00;
border-bottom:1px dashed #f6ff00;
width:100%;
margin-bottom:14px;
}


.titular h1{font-size:1.25em; padding:10px 0; text-align:left; text-indent:3px; margin:0;}
.titular span{color:#f6ff00;}


a.leermas {float:right;
		   background:url(img/contenido/ico_comentario.png) no-repeat scroll left top;
		   height:14px;
		   padding-left:19px;
		   margin-bottom:4px;
		   font-size:0.83em;
		   color:#009FCE;
		   }
		   
a:link.leermas, a:hover.leermas, a:visited.leermas {text-decoration:none;}
a:hover.leermas {color:#FFFFFF;}

.boxLargo {

border-bottom:1px dashed #333333;

}

.boxLargo p{font-size:0.92em;}

.boxCorto {
display: block; position:relative; overflow:hidden;	border-bottom:1px dashed #333333; margin-top:22px;
}

.boxCorto h1{font-family:Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase;}
.boxCorto h1 span{color:#FFFF00;}
.boxCorto img{float:left;}
.boxCorto p{padding-left:60px; font-size:0.92em; margin-bottom:7px;}



a.todasNot {float:right;
			background:url(img/contenido/icono_ver_todas.png) no-repeat scroll left top;		   
		   height:20px;
		   padding-left:19px;
		   font-size:1em;
		   color:#FFFF00;
		   text-transform:uppercase;
		   margin-top:30px;
		   text-decoration:none;
		   }
a:hover.todasNot {color:#FFFFFF;}


/*para feelsTV*/
a.todasNotFeels {float:right;
			background:url(img/contenido/icono_ver_todas.png) no-repeat scroll left top;		   
		   height:20px;
		   padding-left:19px;
		   font-size:1em;
		   color:#FFFF00;
		   text-transform:uppercase;
		   margin-top:230px;
		   text-decoration:none;
		   }
a:hover.todasNotFeels {color:#FFFFFF;}




/*columna2*/

.col2 {
background-image:url(img/columnas/col_2_downPNG.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:100%;
border-left:1px solid #121A1D;
/*border-right:1px solid #121A1D;*/ /*agregado col2*/
}

.col2_bizarro {width:593px;  margin-left:15px;}
.col2_bizarroPlayer600 {width:600px;  margin-left:10px; margin-top:10px;} /*exclusiva para el player*/

/*info debajo del video*/
.infoVideo h1{	
	font-size:2.0em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#009AFF;	
	margin:2px 0 4px 0;
}

.infoVideoBox {
	border-top:1px dashed #2f2f2f;
	border-bottom:1px dashed #2f2f2f;
	width:593px;
}

.infoVideoBox h2 {
	font-size:1.25em;
	color:#FFFF00;
	text-transform:uppercase;
	font-weight:100;
	margin:7px 0 0 0;
}

.infoVideoBox h2 span{color:#ffffff;}

.infoVideoBox p{
	font-size:1 em;
	color:#ffffff;
	text-align:left;
	margin:/*4px 0 7px 0*/0;
	
}

.trabajosDestacados {margin-top:26px;}

/*objeto player*/
.player{ margin:18px 0 0 12px;}


/*cajas trabajo*/

.trabajos {
	margin-top:10px;
	width:100%;
	height:350px;
	}

.filaTrabajos {
	width:100%;	
	margin-bottom:15px /*20px*/;
		
	}
	
.trabLeft {	display:block;
			overflow:hidden;
			position:relative;
			width:266px; 
			margin-right:52px;
}


.trabRight{	display:block;
			overflow:hidden;
			position:relative;
			float:right;
			width:266px;
			margin-top:0;
			margin-bottom:0;
			}

.trabajos h1 {
	text-transform:uppercase;
	font-size:14px;
	color:#FFFF00;
	font-weight:100;
	width:166px;
	margin-top:4px;
	float:left;
}

hr.cajaTrabajos {
				 clear:both;
				 width:266px;				  
				 height:1px; 				 
				 border: none 0; 
				 float:none; 
				 line-height:1.2em;
				 border-top:1px dashed #333;
				 }

.trabajos p {
	font-size:1em;
	color:#FFF;
	margin:0;
	display:block;
	width:266px;
	clear:both;	
}

.trabajos img {margin-bottom:2px;}
/*.trabajos .ico {float:right;}*/

/*intento de rollOver*/
.trabajos a.ico { float:right;
				  display:block;
				  width:21px;
				  height:21px; 
				  text-indent:-9999px; 
				  background:url(img/contenido/play_chico.png) top left no-repeat;}
				  
.trabajos a.ico:hover {float:right;
				  display:block;
				  width:21px;
				  height:21px; 
				  text-indent:-9999px; 
				  background:url(img/contenido/play_chico_over.png) top left no-repeat;}
			


/*--------------------fin home------------------*/










/*------------------seccion FEELS TV-------------------------*/


/*body.feels y .feelsCont alargan la pagina. .feelsCont se agrega a .cont*/
body.feels {
height:1560px;
}

.feelsCont {
height:1265px;
}

/*contenedor en columna 2*/
.col2_bizarro_2 {width:593px;  margin:16px 0 0 15px;}

/*logo FeelsTv*/

.logoFeels {margin-top:8px; float:left;}

/* .info = caja debajo del logo FeelsTV */

.info {border-top:1px dashed #2f2f2f;
		border-bottom:1px dashed #2f2f2f;
		margin:0;
		margin-bottom:10px;}

.info p.nomargenTop{margin-top:8px;}
.info p.nomargenBottom{margin-bottom:3px;}


/*nota:las clases contienen a toda la seccion (ej:equipo contiene a .equipo) y determinaran la distancia entre ellas por el margin-top solamente*/


/*equipo*/

.equipoFLA {margin:0; padding:0; /*z-index:0; position:absolute;*/}

.equipo {margin-top:22px; /*z-index:0; position:absolute;*/}
.equipo img.titulo {float:left;}
.equipo ul{list-style-type: none; margin:7px 0 0 0; padding:0;}
.equipo li{display:inline; margin-right:20px;}
.equipo img.bullet1{margin-left:28px;}
.equipo h1{
			border-top:1px dashed #6D7E00; 
			border-bottom:1px dashed #6D7E00;
			color:#FF0099;
			text-transform:uppercase;
			FONT-SIZE:0.92em;
			font-weight:100;
			padding:4px 0;
			margin-top:4px;
			background:url(img/feelstv/bullet_celeste.png) no-repeat center right;
			}
			
.equipo h1 span{color:#FFFFFF;}
.equipo p{font-size:1em; color:#CCCCCC; margin:12px 0 0 0; padding:0;}
.equipo p.cita{font-style:italic; color:#999999; margin:0; padding-bottom:12px; border-bottom:1px dashed #6D7E00;}

/*servicios*/

.servicios {margin-top:/*28*/0px; margin-bottom:10px;}
.servicios img {margin-bottom:4px;}
.servicios .text {width:100%;
				 border-top:1px dashed #2f2f2f;
				 border-bottom:1px dashed #2f2f2f;
				 }
.servicios .text p, .servicios .text li p {font-size:1em; color:#ffffff;}
.servicios .text p {margin-top:4px;}
.servicios .text ul {list-style-type: none; margin-bottom:4px;}
.servicios .text li {text-indent:-3em;}
.servicios .text li span {color:#999999; font-size:0.92em; font-weight:100;}

/*oficinas*/
.oficinas {margin-top:12px; width:100%; }
.oficinas > ul {	list-style-type: none; 
				margin:4px 0; 
				padding:3px 0 1px 0;
				border-top:1px dashed #2f2f2f;
				border-bottom:1px dashed #2f2f2f;
				width:593px;
				height:98px;
				
			}
.oficinas>ul>li { padding-top:6px;display:inline;margin-right:27px;}
.oficinas>ul>li>ul{padding:0;margin:0; width:593px;}
.oficinas ul>li>ul>li {display:inline;margin-right:24px;}
.oficinas ul>li>ul>li.last {margin:0px; padding:0px;margin-right:0px;}

/*----fin feelstv----*/











/*-------------NOTICIAS-----------------*/

/*col1*/

/*nota: .addNot se agrega a .cajaNoticias para alterar el margin-bottom en esta pagina*/
.addNot {margin-bottom:24px;}

/*titulos*/
.titularNoticias {
border-top:1px dashed #f6ff00;
border-bottom:1px dashed #f6ff00;
width:100%;
margin-bottom:8px;
}

.titularNoticias h1{text-transform:uppercase;
					font-weight:1300;
					font-size:1.25em; 
					padding:7px 0; 
					text-align:left; 
					text-indent:2px; 
					margin:0;
					background:url(img/contenido/icono_ver_todas.png) no-repeat scroll right center;}
				
/*listas*/	
ul.categorias, ul.categorias li {margin:0; padding:0;}
				
ul.categorias {width:100%; list-style-type:none; float:left; margin-bottom:24px;}

ul.categorias li a {background:url(img/noticias/bullet_amarillo.png) no-repeat scroll left center;
					text-indent:1em;
					font-size:1em;
					text-decoration:none;
					color:#ffffff;
					padding-left:12px;
					letter-spacing:-0.8px;
					margin-left:4px;
							
					}
					
ul.categorias li {	border-bottom:1px dashed #161616;
					padding-bottom:3px;					
					margin-bottom:3px;					
					}
					
/*tags*/
/*agregar al elemento que soporte la nube de tags...*/					
					
/*lista inferior se suma a .categorias*/
ul.bulletAzul li a{background:url(img/noticias/bullet_celeste.png) no-repeat scroll left center;}
/*el margin es para noticias_desplegadas.html, bajando el boton 'ver todas las noticias' */
ul.bulletAzul {margin-bottom:140px;}


.tags{margin:20px 0;}



/*col2*/

/*tituloNoticias*/
.tituloNoticias {border-bottom:1px dashed #ffff00; width:100%;}
.tituloNoticias h1{font-size:1.25em; color:#FFFF00; text-transform:uppercase; font-weight:100;}
.tituloNoticias p{}

/*cajas de noticias*/

.noticias {display: block; position:relative; overflow:hidden;	border-bottom:1px dashed #333333; margin-top:30px;}
.noticias h1{
			text-transform:uppercase;
			color:#ffff00;
			font-weight:100;
			font-size:1em;
			background:url(img/noticias/bullet_lila.png) no-repeat 10%;
			padding-left:66px;
			margin-bottom:4px;
			margin-top:0;
			}

	
.noticias h1 span {color:#FFFFFF;}
.noticias img {float:left;}
.noticias p.autor{font-size:0.83em; color:#999999; text-transform:lowercase; padding-left:60px; margin:0;}
.noticias p{margin-top:24px;}

/*---fin noticias---*/









/*-------------NOTICIAS DESPLEGADAS-----------*/

/*col2*/
/*caja con el encabezado de columna 2*/
.noticiasCabezal {display: block; position:relative; overflow:hidden; border-bottom:1px dashed #333333;}
.noticiasCabezal h1{
			text-transform:uppercase;
			color:#ffff00;
			font-weight:100;
			font-size:1em;
			margin-bottom:4px;
			margin-top:0;
			}
.noticiasCabezal h1 span {color:#FFFFFF; font-weight:bold; font-size:14px;}
.noticiasCabezal img {float:left; margin:0 16px 10px 0;}
.noticiasCabezal p.autor{font-size:0.83em; color:#999999; text-transform:lowercase; margin:0;}
.noticiasCabezal p {margin-top:14px;}
.noticiasCabezal p a {text-decoration:none; color:#FFFF00;}
.noticiasCabezal p span {color:#FFFF00;}

/*formularioReel*/

.formReel {border-bottom:1px dashed #333333; margin-top:6px;}
.formReel h1{font-size:1em; color:#ffff00; font-weight:100; text-transform:uppercase;}
.formReel p{color:#0099CC; text-transform:uppercase; font-size:1em;}

.formReel input, .formReel textarea {width:395px; background-color:#FFFFFF; border:1px solid #CC0099;}
.formReel textarea {height:87px;}
.formReel input.button {float:left; margin-bottom:8px; width:61px; height:14px; border:none;}

.formReel p.formNombre input {margin-left:108px;}
.formReel p.formEmail input {margin-left:122px;}
.formReel p.formWeb input {margin-left:133px;}
.formReel p.formOpinion textarea {margin-left:110px;}


/*comentarios*/

.comentariosT h1{font-size:1em; color:#ffff00; font-weight:100; text-transform:uppercase; margin:16px 0 6px 0;}

.comentarios {	display: block; 
				position:relative; 
				overflow:hidden; 
				border-bottom:1px dashed #333333; 
				padding-bottom:3px;
				margin-top:8px;}
				
.comentarios img {float:left; margin-right:10px;}
.comentarios p.name {color:#3366CC; text-transform:uppercase; margin:0; padding:0;}

/*--fin noticias desplegadas--*/












/*---------------CONTACTO FEELS------------------*/

/*seteos basicos*/
body.contacto {
	background-color:#000000;
	margin:0;
	padding:0;
	background-image:none;
	height:auto;
}

html.contacto {background-image:none; margin:0;}

.contacto div {float:left;}

.contactame {
	width:554px;
	height:597px;
	background-image:url(img/contacto/fondo.jpg);
	background-repeat:no-repeat;
	border:1px solid #333333;
	}
	
.contactame img.cerrar {float:right; margin:8px 8px 0 0}
	
.contactos {
	margin-left:20px;
	width:488px;
	height:100%;
	}

/*cabecera*/	
.contactInicio {border-bottom:1px dashed #333333; width:100%; margin-top:30px;}
.contactInicio img{margin-bottom:16px;}
.contactInicio p{letter-spacing:; font-size:0.92em; text-align:left; margin:0;}
.contactInicio p img {margin:0; padding:0;}

/*formulario*/

.formReel2 {border-bottom:1px dashed #333333; margin:6px 0 26px 0;}
.formReel2 h1{font-size:1em; color:#ffff00; font-weight:100; text-transform:uppercase;}
.formReel2 p{color:#0099CC; text-transform:uppercase; font-size:1em;}

.formReel2 input, .formReel textarea {width:390px; background-color:#FFFFFF; border:1px solid #CC0099;}
.formReel2 textarea {height:87px;}

.formReel2 p.formNombre input {margin-left:20px;}
.formReel2 p.formEmpresa input {margin-left:15px;}
.formReel2 p.formEmail input {margin-left:34px;}
.formReel2 p.formFono input {margin-left:8px;}
.formReel2 p.formOpinion textarea {margin-left:17px; width:390px;}
.formReel2 p.formOpinion span{padding-top:30px;}

ul.nav2 {list-style-type:none; display:block; margin:0;}
ul.nav2 li {float:left; margin-right:8px; margin-left:0;}
ul.nav2 li input{width:auto; border:none;}
ul.nav2 li p{font-size:0.92em; color:#ffffff; text-transform:capitalize;}

.radiobutton {margin-left:0; padding-left:0;}
.radiobutton p{margin:0 0 10px 0;}
.formReel2 input.button {float:right; margin-bottom:4px; width:61px; height:14px; border:none;}

/*contactos personales*/

.personales {display: block; position:relative; overflow:hidden; width:50%;}
.personales img {float:left; margin-right:6px;}
.personales h1 {color:#0099CC; text-transform:uppercase; font-size:1em; margin:0 0 18px 0;}
.personales a {color:#FFFF00; text-decoration:none;}
.personales a:hover {color:#FFFFFF; text-decoration:none;}
.personales a, .personales p {margin:0;}
/*--fin contacto--*/

/*------------CONTACTO-RECIBIDO----------------*/
/*css heredado de CONTACTO*/

.formReel3 p.gracias {  font-size:1em;
						color:#FFff00;
						display:block;
						margin:140px 0 0 110px;;
						text-align:center;
						text-transform:uppercase;
						
						}

.formReel3 {border-bottom:none; margin:0 auto; float:none;}



/*--------CLIENTES---------*/

.tituloClientes {margin-top:20px;}
.tituloClientesInt {width:100%; border-bottom:1px dashed #333333;}
.objeto{margin:44px 0 50px 0;}

/*--fin clientes---*/






/*--------------SECCION TRABAJOS-----------------*/

.col2_bizarro_3 {width:590px;  margin:16px 0 0 25px;}

.trabajosSeccion {margin-top:10px; clear:both; width:100%; display: block; position:relative; overflow:hidden; margin-bottom:30px;	}
.trabajosSeccion img{float:left; margin-right:190px; margin-bottom:20px;}
p.textoTrabajo{border-bottom:1px dashed #333333; padding-bottom:6px;}

.ordenar {border-bottom:1px dashed #333333; float:right; margin-right:0; /*margin-left:200px; margin-bottom:20px;*/}
.ordenar p{text-transform:uppercase; font-size:0.92em; margin-bottom:0;}
.ordenar a {color:#FFFF00; text-decoration:none;}
.ordenar span {color:#FFFF00;}






/*---FOOTER--*/


ul.tdatos {text-align:left; margin:4px 0 0 10px; list-style-type: none; padding:0;}
ul.tdatos li {display:inline; margin-right:8px; padding:0;}


div.datos2 {
		padding-left:50px;
		border-right:1px dashed #2f2f2f;
		text-align:right;
		}
		
div.datos2muv { /*en caso de que no exista .tdatos en la pag*/
		padding-left:400px;
		border-right:1px dashed #2f2f2f;
		text-align:right;
		}

div.datos3 {
	margin-left:16px;
	float:right;
	}

.datos3 h1 {font-size:1em;
			color:#FF0099;
			text-transform:uppercase;
			font-weight:100;
			margin-bottom:0;
}

.datos3 p {	margin-top:7px;
			font-size:0.92em;
			color:#FFFFFF;
			margin-bottom:0;
			}
			
.datos3 a, .datos3 a:hover, .datos3 a:link, .datos3 a:visited {	font-size:0.92em;
			color:#33CCFF; text-decoration:none;}
			
.datos3 a:hover {color:#FFFF00;}
.formOpinion span {

margin:0;
padding:0 0 50px 0;
float:left; 
text-align:left;
width:74px;
display:block;
}
.formOpinion textarea{width:390px !important;}
#mycarousel {width:584px !important;}