@import url("20_eventos.css");
/* RESET CSS*/
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, b, u, i, center, 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; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear:both}

#page .floatleft{float:left; display:inline;}
#page .floatright{float:right; display:inline; text-align:right;}
#page img.left {float:left; padding:0px 20px 20px 0;}
#page img.right {float:right; margin:0px 0px 20px 20px;}
#page .txtleft{text-align:left;}
#page .txtright{text-align:right;}
#page .txtcenter{text-align:center;}
#page .last{border:0 none!important; margin-right:0!important;}
#page .first {}

/*FORMULARIO PROCESO DE COMPRA*/
body#body_proceso_compra #page fieldset.untercio{margin-top:10px;}
body#body_proceso_compra #page fieldset.dostercios{margin-top:10px;}

#page hr {float:left; display:inline; clear:both; width: 100%; height: 1px; margin: 10px auto; border: 0; text-align: center; }

/*galeria de img*/
#page #container #content .gallery {padding:20px 20px 0px 20px; font-size:1.4em;  margin:20px 0;}
#page #container #content .gallery img {padding:0; margin:0 10px 20px 0;}

/*download general */
#page #container #content .download {display:inline; float:left; margin:15px 0; width:100%;}
#page #container #content .download .item {margin:5px 0; padding: 10px; display: inline-block;} /*para mostrar en modo listado*/
/*#page #container #content .download .item {display:inline; float:left; width:17%; margin:10px 3% 10px 0; padding:10px;}*//*para mostrar en modo cajas*/

/* paginacion */
#page .paginacion {overflow:hidden; position:relative; height:30px; padding:5px 0 3px 12px;}
#page .paginacion h5{float:left; display:inline;}
#page .paginacion p {position:relative; float:right; margin-top:0; padding:0 0 2px 5px;  font-size:1.1em; text-align:right;}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {padding:2px 5px;}
#page .paginacion p span {padding:2px 5px;}

/*columns*/
#page .untercio {float:left; display:inline; width:29%; margin:0 5% 0 0;}
#page .dostercios {float:left; display:inline; width:64%; margin:0 5% 0 0;}
#page .unmedio {float:left; display:inline; width:46%; margin:0 5% 0 0;}
#page .uncuarto {float:left; display:inline; width:21%; margin:0 5% 0 0;}

#page input.checkbox {vertical-align:middle; margin:0 5px; padding:0; width:auto; height:auto;}

#page a h1, #page a h2, #page a h3, #page a h4, #page a h5, #page a h6  {text-decoration: none}

#page .btn a {white-space:nowrap}

#page #header label{margin-bottom:0;}

#page .padding20 {padding:20px}

/*powered*/
#page #footer #powered{line-height:160%;}
#page #footer #powered a{padding-bottom:5px; display:block;}

/*contenido protegido*/
#page p.protegido{padding:15px 15px 15px 50px; background-image:url(../images/protect.png); background-position:10px center; background-repeat:no-repeat; behavior:url"iepngfix.htc");}
#page span.protegido{margin:5px; vertical-align:middle;}

/*logos footer red.es */
#page #logos_red{display:block; text-align:center;padding-top:50px;}
#page #logos_red a{ display:inline; /*margin-right:20px;*/}

/*estilos fieldset de tipo 2*/
#page #container #content fieldset.fieldset2 {margin-bottom:0; margin-bottom:15px}
#page #container #content fieldset.fieldset2 label {float:left; margin:0 10px 0 0; width:49%; text-align:right; line-height:130%}
#page #container #content fieldset.fieldset2 select {float:left; width:auto; max-width:49%;}
#page #container #content fieldset.fieldset2 input {float:left; width:auto; max-width:48%;}

#page #container #content fieldset.checkInput1 {float:left; width:31%; margin-right:10px;}
#page #container #content fieldset.checkInput2 {float:left; width:65%; margin-bottom:10px}
#page #container #content fieldset.checkInput2 strong {width:15%}
#page #container #content fieldset.checkInput2 input {width:70%}

#page .dropdownBlock {margin-top:10px; padding:5px;}
#page a.dropdown {background:url(../images/down.png) 0 3px no-repeat; padding: 0 0 0 15px;}
#page a.dropup {background:url(../images/up.png) 0 3px no-repeat; padding: 0 0 0 15px;}

/** Social share **/
#page #shortcuts a.a2a_dd img {vertical-align:top; padding-left:3px;}
#page #content #socialsharetop_normal {margin-bottom:10px;}
#page #content #socialsharebottom_normal {margin-top:10px;}

/** breadcrumbs **/
#page #breadcrumbs {display:none;}

/** TerraiMar **/
#page #terraimar_footer {float:left; display:inline; width:100%; text-align:center; padding:20px 0;}
#page #terraimar_footer #terraimar_footer_wrap {width:100%; padding:0; margin:0 auto; background:#fff; text-align:center;}
#page #terraimar_footer #terraimar_footer_wrap a, #page #terraimar_footer #terraimar_footer_wrap a:visited {border:none;}
#page #terraimar_footer #terraimar_footer_wrap a img {margin:0 15px; border:none;}
#page #terraimar_footer #terraimar_footer_wrap a:hover img {opacity:0.8; filter:alpha(opacity=80)}