/* Todo el codigo es Copyright 2010 de NicSonic.com.ar */
/*All code is Copyright 2010 of NicSonic.com.ar  */

/*------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------*/

body {
	background-image: url(../img/Fondo.jpg);
	background-repeat: repeat;
	font: Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 0;
} 

#borde {
	border-bottom : 1px solid #616161;
}

/* ---- */

.contenedor{
	width: 980px;
	height:auto;
	overflow:hidden;
	margin: 0 auto 0 auto;
}

.encabezado{
	width:100%;
}

.banner{
	width:100%;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main{
	width:100%;
}

.contenido{
	width: 700px;
	float: left;
}

.columna{
	width: 240px;
	float: left;
	margin-left: 40px;
}

/* ---- */

#texto {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #525252;
	width : 680px;
	text-align : left;
	margin-left : 15px;
	margin-right : 15px;
}

#texto a:link {
	color : #f60;
	text-decoration : none;
}

#texto a:visited {
	color : #f60;
	text-decoration : none;
}

#texto a:active {
	color : #f60;
	text-decoration : none;
}

#texto a:hover {
	color : #525252;
	text-decoration : underline;
	text-align : center;
}

#textoTitulo {
	width : 700px;
	height : 90px;
	margin-left : 10px;
	text-align : left;
	background-image : url(../img/textoTitulo.png);
	background-repeat : no-repeat;
}

.box {
	width : 100%;
	height : 100%;
	line-height : 17px;
}

.separador {
	width: 95%;
	margin: 0 auto 0 auto;
	text-align : center;
}

.texto {
	font-family : Tahoma;
	font-size : 12px;
	color : #333333;
	line-height : 16px;
}

#campos {
	font-family : Tahoma;
	font-size : 12px;
	color : #333333;
	line-height : 16px;
}

#textoCuerpo {
	width : 700px;
	margin-left : 10px;
	background-color : #fff;
	text-align : left;
}

#textoPie {
	width : 700px;
	height : 60px;
	margin-left : 10px;
	text-align : left;
	background-image : url(../img/textoPie.png);
	background-repeat : no-repeat;
}

#subtitulos {
	font-size : 16px;
	font-weight : bold;
	color : #f60;
}

.websamigas {
	color : #999;
	font-size : 10px;
	width : 100%;
	margin: 0 auto 0 auto;
	text-align : center;
}

.websamigas a:link {
	color : #999;
	text-decoration : none;
}

.websamigas a:active {
	color : #999;
	text-decoration : none;
}

.websamigas a:hover {
	color : #999;
	text-decoration : none;
}

.websamigas a:visited {
	color : #999;
	text-decoration : none;
} 

.centrar{
	margin:0 auto 0 auto;
	width: 90%;
}

.titulo{
    color: #F93;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 19px;
    text-align: left;
}

.detalles{
	font-size: 11px;
	line-height:20px;
}

.centrado{
	width: 220px;
	margin: 0 auto 0 auto;
}

.redescontacto{
	color:#525252;
}

.redescontacto a:link {
	color:#525252;
	text-decoration : none;
}

.redescontacto a:active {
	color:#525252;
	text-decoration : none;
}

.redescontacto a:visited {
	color:#525252;
	text-decoration : none;
} 

.redescontacto a:hover {
	color : #999;
	text-decoration : none;
}

/*------------------------------------------------------------------------------------
  Portfolio
------------------------------------------------------------------------------------*/

#contenedor {
	width : 500px;
	text-align : left;
	margin : 0 auto 0 auto;
}

/*------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------*/

.footer {
	clear : both;
	width : 100%;
	overflow:hidden;
    height:auto;
	background-image:url(../img/footer-img.jpg);
	background-repeat: repeat;
}

.col1{
	width: 33%;
	float: left;
	font: Tahoma, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 25px;
	color:#FBFBFB;
}

.col1 a:link {
	color : #fff;
	text-decoration : none;
}

.col1 a:visited {
	color : #fff;
	text-decoration : none;
}

.col1 a:active {
	color : #fff;
	text-decoration : none;
}

.col1 a:hover {
	color : #f93;
	text-decoration : none;
} 

.col2{
	width: 33%;
	float: left;
	letter-spacing: 8px;
}

.col3{
	width: 33%;
	float: left;
	font: Tahoma, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	color:#FFF;
}

.col3 a:link {
	color : #fff;
	text-decoration : none;
}

.col3 a:visited {
	color : #fff;
	text-decoration : none;
}

.col3 a:active {
	color : #fff;
	text-decoration : none;
}

.col3 a:hover {
	color : #f93;
	text-decoration : none;
} 

.footer-columnas{
	width: 980px;
	margin: 0 auto 0 auto;
	height: 20px;
}

.footer_cont {
	width : 980px;
	margin : auto;
	padding : 20px 0;
	text-align : left;
}

#pie_info {
	color : #f93;
	float : left;
	font-size : 12px;
	width : 100%;
	font-family : 'Arial', Helvetica, sans-serif;
	text-align : left;
}

#pie_info a:link {
	color : #fff;
	text-decoration : none;
}

#pie_info a:active {
	color : #fff;
	text-decoration : none;
}

#pie_info a:visited {
	color : #fff;
	text-decoration : none;
}

#pie_info a:hover {
	color : #f93;
	text-decoration : none;
}

.clear {
	clear : both;
}

.fl {
	float : left;
	font-size : 24px;
	color : #f93;
}

.fr {
	float : right;
}

.punto {
	color : #f93;
}

#legal {
	clear : both;
	width : 980px;
	margin: 0 auto 0 auto;
	font-size : 12px;
	text-align : center;
	line-height: 20px;
	color:#FFF;
	font: Tahoma, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
}

#legal a:link {
	color : #fff;
	text-decoration : none;
}

#legal a:visited {
	color : #fff;
	text-decoration : none;
}

#legal a:active {
	color : #fff;
	text-decoration : none;
}

#legal a:hover {
	color : #f93;
	text-decoration : none;
} 

.pts {
	color: #FFF;
}
.pts {
	color: #FFF;
}

.pts1 {	color: #FFF;
}
.pts1 {	color: #FFF;
}

#mapasitio{
	width: 100%;
	margin: 0 auto 0 auto;
	line-height: 20px;
}

#mapasitio a:link {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#mapasitio a:active {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#mapasitio a:visited {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#mapasitio a:hover {
	text-decoration : none;
	color : #f60;
	font-size : 12px;
} 

/*------------------------------------------------------------------------------------
  Derecha
------------------------------------------------------------------------------------*/

#derechaTitulo {
	background-image : url(../img/derechaTitulo.png);
	background-repeat : no-repeat;
	height : 220px;
	width : 240px;
	margin-top : 3px;
}

#derechaPie {
	width : 240px;
	height : 420px;
	background-image : url(../img/derechaPie.png);
	background-repeat : no-repeat;
} 

/*SERVICIO Y OTROS SERVICIOS*/

#derecha{
	width: 200px;
	margin: 0 auto 0 auto;
}

#derecha a:link {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#derecha a:active {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#derecha a:visited {
	text-decoration : none;
	color : #525252;
	font-size : 12px;
}

#derecha a:hover {
	text-decoration : none;
	color : #f60;
	font-size : 12px;
} 

/*FIN*/

/*FORMULARIO NEWSLETTER*/

.formulario-news{
	width: 70%;
	margin: 0 auto 0 auto;
}

#form_newsletter {
	color : #585858;
	height : 230px;
	text-align : left;
	font-size : 11px;
	background-image : url(../img/derechaFormulario.png);
	background-repeat : no-repeat;
}

#form_newsletter_titulo {
	color : #f60;
	text-align : left;
	font-size : 12px;
	font-weight : bold;
}

.txt-newsletter {
	font-size : 11px;
	color : #7f7f7f;
}

.btn-newsletter {
	font-size : 11px;
	color : #333;
}

#baja a:link {
	text-decoration : none;
	color : #585858;
}

#baja a:visited {
	text-decoration : none;
	color : #f88007;
}

#baja a:hover {
	text-decoration : underline;
	color : #f88007;
}

#baja a:active {
	text-decoration : none;
	color : #f88007;
} 

/*FIN*/

/*------------------------------------------------------------------------------------
  Novedades PHP
------------------------------------------------------------------------------------*/

#novedadesTitulo {
	width : 700px;
	height : 80px;
	background-image : url(../img/bnrNovedades.png);
	background-repeat : no-repeat;
	margin-left : 5px;
}

#novedadesCuerpo {
	width : 700px;
	height : auto;
	background-color : #ffffff;
	text-align : justify;
	margin-left : 5px;
}

#novedadesPie {
	width : 700px;
	height : 50px;
	background-image : url(../img/novedadesPie.png);
	background-repeat : no-repeat;
	text-align : right;
	margin-left : 5px;
}

.img {
	text-align : center;
	float : inherit;
}

.lineapts {
	font-size : 12px;
	color : #ccc;
	height : 20px;
	text-align : center;
}

#linkNoticias {
	font-size : 12px;
	color : #4f4f4f;
	text-align : left;
	width : 700px;
}

#linkNoticias a:link {
	font-size : 12px;
	text-decoration : none;
	color : #f88007;
}

#linkNoticias a:active {
	font-size : 12px;
	text-decoration : none;
	color : #f88007;
}

#linkNoticias a:visited {
	font-size : 12px;
	text-decoration : none;
	color : #f88007;
}

#linkNoticias a:hover {
	font-size : 12px;
	text-decoration : underline;
	color : #666;
} 

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

.planes {
	font-size : 14px;
	font-weight : bold;
}

.boton:hover {
	cursor : pointer;
	position : relative;
	border : none;
}

.items {
	font-size : 11px;
	color : #666;
	width : 100%;
	height : 100%;
}

.pts {
	color : #fff;
}

.msn{	
	width: 600px; 
	height: 450px;
	margin: 0 auto 0 auto; 
	border: 0; 
	-moz-box-shadow: 0 1px 8px #666; 
	text-shadow: 0 -1px 8px #666; 
	-webkit-box-shadow: 0 1px 8px #666; 
}

/*------------------------------------------- BOTONES -----------------------------------------------------*/

.button{
	font:Tahoma, Geneva, sans-serif;
	font-family:Tahoma, Geneva, sans-serif;
	border:0px;
    border-bottom: 1px solid rgba(0,0,0,0.25);/* Borde negro con transparencia en 25%*/ 
    color: #fff !important; 
    cursor: pointer; 
    display: inline-block;/* Alinear corectamente el boton*/ 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 1; 
    -moz-border-radius: 10px;/* Borde para Firefox */ 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);/* Sombra negra en 25% para Firefox*/
    overflow: visible;/* contedido sobrante visible*/ 
    padding: 5px 15px 6px; 
    position: relative; 
    text-decoration: none; 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);/* Sombra negra en 25% para el texto */ 
    -webkit-border-radius: 10px;/* Borde para Webkit*/ 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);/* Sombra negra en 25% para Webkit*/ 
    width: auto;/* Importante para que el boton se ajuste a nuestro texto */ 
	/* COLOR */
} 

.button:hover{ 
    background-color: #111; 
    color: #fff; 
} 

.button:active{ 
    top: 1px; 
} 

.orange.button{ 
	background: #ffa84c; /* old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* ie */
} 

.orange.button:hover{
	background: #FFBC7A; /* old browsers */
	background: -moz-linear-gradient(top, #FFBC7A 0%, #FF8E32 100%, #FFA84C 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBC7A), color-stop(100%,#FF8E32), color-stop(100%,#FFA84C)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBC7A', endColorstr='#FFA84C',GradientType=0 ); /* ie */
	text-decoration: none;
} 

.blue.button{ 
 	background: #5FC1CE; /* old browsers */
	background: -moz-linear-gradient(top, #5FC1CE 0%, #42B6C6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5FC1CE), color-stop(100%,#42B6C6)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5FC1CE', endColorstr='#42B6C6',GradientType=0 ); /* ie */
} 

.blue.button:hover{
	background: #5EB2C9; /* old browsers */
	background: -moz-linear-gradient(top, #5EB2C9 0%, #419BBF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5EB2C9), color-stop(100%,#419BBF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB2C9', endColorstr='#419BBF',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #5EB2C9 0%,#419BBF 100%); /* opera */
} 

.silver.button{ 
background: #D3D3D3; /* old browsers */

background: -moz-linear-gradient(top, #D3D3D3 1%, #ADADAD 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D3D3D3), color-stop(100%,#ADADAD)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#ADADAD',GradientType=0 ); /* ie */
} 

.silver.button:hover{
	background: #228EA7;
}


.btnSuscrip{
	font:Tahoma, Geneva, sans-serif;
	font-family:Tahoma, Geneva, sans-serif;
	border:0px;
    border-bottom: 1px solid rgba(0,0,0,0.25);/* Borde negro con transparencia en 25%*/ 
    color: #fff !important; 
    cursor: pointer; 
    display: inline-block;/* Alinear corectamente el boton*/ 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 1; 
    -moz-border-radius: 5px;/* Borde para Firefox */ 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);/* Sombra negra en 25% para Firefox*/
    overflow: visible;/* contedido sobrante visible*/ 
    padding: 2px 10px 3px; 
    position: relative; 
    text-decoration: none; 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);/* Sombra negra en 25% para el texto */ 
    -webkit-border-radius: 5px;/* Borde para Webkit*/ 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);/* Sombra negra en 25% para Webkit*/ 
    width: auto;/* Importante para que el boton se ajuste a nuestro texto */ 
	/* COLOR */
} 

.btnSuscrip:hover{ 
    background-color: #111; 
    color: #fff; 
} 

.btnSuscrip:active{ 
    top: 1px; 
} 

.orange.btnSuscrip{ 
	background: #ffa84c; /* old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* ie */
} 

.orange.btnSuscrip:hover{
	background: #FFBC7A; /* old browsers */
	background: -moz-linear-gradient(top, #FFBC7A 0%, #FF8E32 100%, #FFA84C 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBC7A), color-stop(100%,#FF8E32), color-stop(100%,#FFA84C)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBC7A', endColorstr='#FFA84C',GradientType=0 ); /* ie */
	text-decoration: none;
}