/* CSS Document */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
a img, iframe {
border: none;
}
ol, ul {
list-style: none;
}
input, textarea, select, button {
font-family: inherit;
}
select {
margin: inherit;
}
a {
text-decoration:none;
}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* LAYOUT TOOLS */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.layoutCenter { margin: 0 auto; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.fix { overflow:hidden; }
/*
/* INDEX */
body {
background-color:#003c0e;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:30px;
background-image:url(../imagenes/fondo.jpg);
background-repeat:repeat-x;
}
div#principal{
width:947px;
background-image:url(../imagenes/fondo-cuerpo.jpg);
}
/* Columna izq */
div#col-izq {
width:217px;
overflow:hidden;
}
div#menu {
text-align:center;
margin-bottom:20px;
}
div#menu {
display:block;
}
/* Pasos */
div#pasos {
width:199px;
margin-bottom:20px;
background-color:#6f197b;
border: 2px solid #FFFFFF;
}
div#pasos div#contenido{
height:225px;
border-top:2px solid #FFFFFF;
}
div#pasos div#contenido div.paso {
padding:2px;
border-bottom:2px solid #FFFFFF;
overflow:hidden;
height:70px;
}
div#pasos div#contenido div.paso3 {
padding:2px;
overflow:hidden;
}
div#pasos div#contenido div.col-numero {
display:inline;
width:27px;
padding-top:6px;
padding-bottom:6px;
}
div#pasos div#contenido div.col-txt-paso {
display:inline;
background-image:url(../imagenes/fondo-pasos.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:15px;
width:153px;
padding:7px;
}
/* Fin pasos */
/* Forma de pago */
div#formas-de-pago {
width:199px;
margin-bottom:20px;
background-color:#fae5f3;
border: 2px solid #FFFFFF;
}
div#formas-de-pago div#contenido{
border-top:2px solid #FFFFFF;
}
div#formas-de-pago div#contenido h1{
}
div#formas-de-pago div#contenido div.forma{
padding:6px;
font-size:11px;
color:#330033;
border-bottom:2px solid #FFFFFF;
}
div#formas-de-pago div#contenido div.ultima{
border-bottom:none;
}
/* Fin forma de pago */
/* Banners*/
div.banner{
margin-top:10px;
margin-bottom:20px;
}
/* texto */
div.texto-columna{
width:199px;
margin: 0 auto;
margin-bottom:20px;
color:#F3F3F3;
font-size:12px;
text-align:justify;
}
/* Fin Columna izq */
/* Columna der */
div#col-der {
width:730px;
overflow:hidden;
}
div#menu2 {
width:650px;
font-size:12px;
}
div#menu2 a{
color:#000000;
font-weight:bold;
}
div#menu2 a:hover{
text-decoration:underline;
}
div.texto {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:justify;
padding:12px;
width:650px;
margin: 0 auto;
}
div.texto h1{
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
div.texto a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
font-weight:bold;
text-decoration:underline;
}
div.texto a:hover{
text-decoration:none;
}
ul#listado-webcams {
overflow:hidden;
width:585px;
margin: 0 auto;
margin-top:10px;
margin-bottom:10px;
}
ul#listado-webcams li{
background-image:url(../imagenes/fondo-marco.jpg);
width: 175px;
height: 215px;
margin-left:10px;
margin-right:10px;
margin-bottom:8px;
float:left;
display:inline;
}
ul#listado-webcams li img.marco{
border: 1px solid #fff;
}
ul#listado-webcams li .ftchica{
margin-top:45px;
}
ul#listado-webcams li p.nombre {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
width:160px;
height:15px;
overflow:hidden;
margin-top:3px;
margin-bottom:4px;
}
ul#listado-webcams li div.idiomas {
}
ul#listado-webcams li div.idiomas img{
margin-right:1px;
margin-right:1px;
}
/* Fin Columna der */
div#pie {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#fff;
width:947px;
margin: 0 auto;
}
div#pie a{
color:#fff;
}
div#pie a:hover {
text-decoration:underline;
}
/* PAGO */
div#pago {
width:650px;
margin-bottom:30px;
margin-top:30px;
text-align:center;
}
div#chica-pago{
background-image:url(../imagenes/fondo-marco.jpg);
width: 175px;
height: 170px;
padding-top:45px;
margin: 0 auto;
margin-bottom:20px;
text-align:center;
}
div#chica-pago img.marco{
border: 1px solid #fff;
}
div#chica-pago p.nombre {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
width:160px;
height:15px;
overflow:hidden;
margin-top:3px;
margin-bottom:4px;
}
div#chica-pago div.idiomas {
}
div#chica-pago div.idiomas img{
margin-right:1px;
margin-right:1px;
}
ul#arnaldex li{
width:500;
height: auto;
float:left;
display:inline;
color:#F00;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}