@charset "utf-8";
/* CSS Document */

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, 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-size: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
.pointer {cursor:pointer;}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clean { clear:both;}

a {color:#000; text-decoration:none;}
a:hover {color:#666;}

iframe {height:400px; width:600px; margin:0; border:none; padding:7px;}

/*INICIO*/
.wrap { margin:30px auto 0 auto; width:783px;}

.arriba { margin:0 auto; width:783px;}
.top td { padding:10px 0; }
ul.menutop li { display:inline; font-size:13px;}
ul.menutop li .btnmenu { color:#000; text-decoration:none; padding:5px; font-weight:bold;}
ul.menutop li .btnmenu:hover { color:#fff; text-decoration:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#000000;}

#destaque { text-align:center; position:relative; margin:30px auto 0 auto; width:783px; height:443px;}
#destaque #fotos { position:absolute; top:0; left:0; width:783px; background:url(../images/fondofotos.png) repeat top left; display:none;}
#destaque #fotos .fotografias { overflow:auto; width:783px; height:443px;}
#destaque #fotos .fotografias img { float:left; margin:6px;}
#destaque .cerrar { text-align:right; padding:5px; border-bottom:1px solid #000; background:#333;}
#destaque .cerrar .cerr { color:#FFF; text-decoration:none; margin-right:10px;}
#destaque .cerrar .cerr:hover { color:#ccc; text-decoration:none;}


.opciones { margin:20px 0; padding-top:15px; border-top:1px solid #000000; font-size:11px;}
.opciones table td { padding:0 7px;}

.alternativa { margin:20px 0; padding-top:15px; border-top:1px solid #000000; font-size:11px;}
.alternativa table td { padding:0 5px;}

.imgborde { border:1px solid #000;}
.imgborde:hover { border:1px solid #ccc;}

.coloresborde { border:1px solid #ccc;}
.coloresborde:hover { border:1px solid #000;}

.color { border:1px solid #ccc; width:16px; height:16px; float:left; margin-right:3px;}
.color:hover { border:1px solid #000; }

.colorgrande {border:1px solid #000; width:177px; height:97px; float:left; margin:6px;}
.colorgrande:hover {border:1px solid #ccc;}

.active {border:1px solid #000;}

.btnprevio { color:#fff; text-decoration:none; padding:5px; height:15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#000;}
.btnprevio:hover { color:#fff; text-decoration:none; background-color:#333;}
textarea,
input { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; border:1px solid #333; padding:3px; width:207px;}
.escribi,
.escribi-x-2,
.escribi-x-3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; border:1px solid #333; padding:3px; width:268px;}
.escribi-x-2 {width:128px;}
.escribi-x-3 {width:123px;}
.opciones ul li { display:inline;}

.resultados { padding:20px 0; border-bottom:1px solid #000000; border-top:1px solid #000000;}
.creditos { padding:20px 0; border-bottom:1px solid #000000; border-top:1px solid #000000; font-size:12px; text-align:center; margin:10px 0;}

.logos { margin:20px 0;}

/***/
#div1 {
display:none;
padding:10px 5px;
border:1px solid #EFEFEF;
background-color:white;
font-size:11px;
margin-top:10px;
}

#div2 {
display:none;
padding:3px 5px 3px 5px;
border:1px solid #EFEFEF;
background-color:white;
font-size:11px;
margin-top:10px;
}

#div2 table td { padding:5px;}
#div2 .tit { float:left;}
#div2 .colmetro { float:right;}


#div1 ul li { display:inline; margin:0; padding:0;}
#div2 ul li { display:inline;}
#div2 h3 { margin-bottom:5px; font-size:13px; text-align:left;}