/* Estolos para SMS- Mensajes a celulares 07/07/07*/

*{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

body,td,th {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFCC00;
}
body {
	background-color: #333333;
}

a:link {
	color: #FF6600;
}
a:visited {
	color: #FF3300;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF3300;
}

#contenedor {
	height: auto;
	width: 751px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	background-image: url(logo-top.gif);
	margin: auto;
	clear: both;
	height: 94px;
	width: 751px;
}
#menu {
	background-color: #FFFFFF;
	height: 30px;
	width: 751px;
}
#content, #content-contacto {
	margin: auto;
	clear: both;
	width: 749px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	background-color: #FFFFFF;
}
#content {
	height: 1000px;
	background-color: #FFFFFF;
}
#content2 {
	height: 1500px;
	background-color: #FFFFFF;
}

#content-contacto {
 height: 400px;
 }
#box-txt {
	margin: auto;
	height: 89px;
	width: 537px;
	background-image: url(txt-top.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 20px;
	color: #660000;
	font-size: 11px;
	text-align: justify;
	padding-right: 20px;
	font-family: "Trebuchet MS", sans-serif, Verdana, Arial;
	clear: both;
}
#enlaces {
	height: 665px;
	width: 575px;
}
#formulario {
	height: 460px;
	width: 575px;
}
#formulario {
	height: 375px;
	width: 575px;
}
#formulario-contacto {
	height: 350px;
	width: 570px;
	margin: auto;
}

#marcas {
	margin: auto;
	clear: both;
	height: 164px;
	width: 749px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
#pie {
	background-image: url(pie.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 745px;
	margin: auto;
	clear: both;
	font-size: 10px;
	padding-top: 65px;
	text-align: right;
	padding-right: 6px;
	color: #FF6600;
}
#pie A{
text-decoration:none;	 
}
#pie A:hover{
	text-decoration:underline;
	color: #FF0000;
}

#pie-ref {
	background-image: url(pie-ref.jpg);
	background-repeat: no-repeat;
	margin: auto;
	clear: both;
	height: 57px;
	width: 751px;
}

#box-izq {
	float: left;
	height: 700px;
	width: 576px;
	background-color: #FFFFFF;
}
#box-izq1 {
	float: left;
	height: 800px;
	width: 576px;
	background-color: #FFFFFF;
}
#box-izq2 {
	float: left;
	height: auto;
	width: 576px;
	background-color: #FFFFFF;
}
#box-der {
	float: right;
	height: 700px;
	width: 167px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: right;
	margin-right: 3px;
	background-color: #FFFFFF;
}
#f_col-izq {
	float: left;
	height: 300px;
	width: 260px;
	padding-top: 0px;
	padding-left: 16px;
}
#f_col-der {
	float: left;
	height: 300px;
	width: 280px;
}

#i-1 {
	background-image: url(input1.gif);
	font-size: 10px;
	line-height: 12px;
}
#i-2 {
	background-image: url(input2.gif);
}
#i-3 {
	background-image: url(input3.gif);
}

#i-1,#i-2,#i-3{
	background-repeat: no-repeat;
	height: 30px;
	width: 210px;
	padding-left: 50px;
	padding-top: 16px;
	margin-top: 16px;
	margin-bottom: 20px;
}

#f-txt {
	margin: auto;
	height: 90px;
	width: 250px;
	font-size: 11px;
	color: #FF0000;
	text-align: justify;
	margin-top: 10px;
}
#i-4 {
	background-image: url(input4.gif);
	background-repeat: no-repeat;
	margin: auto;
	height: 120px;
	width: 268px;
	padding-top: 55px;
	padding-right: 15px;
	padding-left: 10px;
	color: #333333;
	font-size: 10px;
	text-align: right;
}
#botones {
	height: 32px;
	width: 280px;
	text-align: center;
}
#banners {
	height: 280px;
	width: 570px;
	padding-top: 10px;
}
#comentarios-txt {
	width: 550px;
	height: 110px;
	margin: auto;
	color: #990000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
/*--------------------------- ESTILOS FORMULARIO ------------------------------------------------*/
img {
	border:0;
}
#container {
	padding:20px;
}


input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}




/* inputs del formulario*/
.textinput, .textinputHovered {
	width:185px; /* 236 */
	height:20px;
	background:url(input.gif) no-repeat left top;
	border:none;
	padding:2px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/* area de texto done se envian los sms */
.textarea, .textareaHovered {
	width:255px; /* 336 */
	height:70px;
	border:1px solid #FFFFFF;
	padding:4px 8px; /* 4 */
}
.textareaHovered {
	background-position:left bottom;
}

.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/* boton enviar sms */
.buttonSubmit, .buttonSubmitHovered {
	width:95px;
	height:31px;
	color:#FFF;
	font-weight:bold;
	background:url(button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
#marcas-chicas {
	text-align: center;
	height: auto;
	width: 260px;
	background-color: #FFFFFF;
}
#banner1 {
	float: left;
	height: 270px;
	width: 300px;
	margin-left: 5px;
}
#banner2 {
	float:right;
	height: 250px;
	width: 250px;
}
.select {
	border: 1px solid #FF0000;
}
#comentarios {
	height: 145px;
	width: 570px;
}
#buscar-google {
	text-align: center;
}

/* Recomendar */
.firum{
	background-color: #FBFFCE;
	padding: 10px;
	width: 80%;
	border: 2px solid #FFCC00;
	text-align: center;
	margin: auto;
}
.firum p{
	color: #000;
}
.firum b{
	color: #CC3300;
}
.prrr{
	background-color: #FA7373;
	padding: 10px;
	width: 80%;
	text-align: center;
	border: 2px solid #FF0000;
	margin: auto;
}
.prrr p{
	color: #000;
}
.prrr b{
	color: #CC3300;
}
.prrr a{
	color: #990000;
}
.prrr a:hover{
	color: #FF0000;
}
span.f{display:block;margin: 15px 0}



label{
	float:left;
	color: #FF0000;
	font-weight: bold;
	width: 160px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#recomendar-form {
	margin: auto;
	clear: both;
	height: auto;
	width: 400px;
}
#entuweb-form {
	margin: auto;
	clear: both;
	height: auto;
	width: 400px;
	text-align: center;
	margin-top: 25px;
}
#contacto-form {
	margin: auto;
	clear: both;
	height: auto;
	width: 480px;
}
#box-enlaces {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: auto;
	height: auto;
	width: 400px;
	line-height: 20px;
}