/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

body { 
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    letter-spacing: 0.0125em;
    line-height: 1.4em;    
    color: #0c394c;
    font-weight: 300;
}

button, 
input, 
select, 
textarea { 
font-family: 'Lato', sans-serif;
 color: #cccccc;
 font-weight: 700;
 }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-weight : normal;
margin-top: 0px;
}

h1 { 
    margin-bottom : 0.2em;
    font-size : 6em; /* 96 / 16 */
    line-height : 1.4;
}


h2 { 
    color: #c99d66;
    margin-bottom : .5em;
    margin-top : .5em;
    font-size: 2.4em;
    line-height : 1.2;
}

h3 { 
    color: #2eb8ca;
    font-weight: 700;
    margin-bottom : 0.3em;
    font-size: 1.2em;
    line-height : 1.3; 
}

h3.categoria{
    text-transform: uppercase;
}

h4 { 
    font-weight: 700;
    margin-bottom : 0.5em;
    font-size : 1em; /* 24 / 16  */
    line-height : 1.25; 
}


h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom: 0.5em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }

p.center {
text-align: center;
}

p.intro{
    font-weight:700;
}

ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin: 2.5em 0 1em;
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #C99D66;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}

/* LINKS =============================================================================  */

a { 
color : #2db8ca;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : #2db8ca; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #2db8ca;
text-decoration:underline;
}


footer a { 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer .menu a { 
    color : #788996;
    font-size: 0.9em;
    font-weight: 700;
}
footer .menu a:visited { 
color : #788996; }

footer .menu a:hover, 
footer .menu a:active { 
color : #788996; 

}


/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
    *margin :  0 -7px 15px;
    padding : 0; 
    border-width : 0; 
    border-width: 0;
    color: #C99D66;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-weight: 700;
}

label{
    cursor: pointer;
    display: block;
    float: left;
    font-weight: normal;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    color:#231F20;
    font-size:0.9em;    
    font-weight: 700;
}

label.inline{
display:inline;
margin:0;
}

label span{
color:#231F20;
font-size:0.9em;
text-transform: none;
}

label span.right{
position:absolute;
bottom:0;
right:1em;
text-align:right;
}

label.disabled{
color:#ccc;
}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }


button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
    background-color: #2cb8ca;
    border: none;
    box-shadow: none;
    clear: both;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    margin: 20px 0 0;
    padding: 0.5em 1em;
    font-weight: 700;
    font-size: 0.9em;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover { 
   background-color: #C99D66;
}


input[type="checkbox"], 
input[type="radio"] { 
    /*box-sizing : border-box; */
    clear: both;
    float: left;
    width: auto;
    margin: 2px 10px 10px 0;
    border: 0px;
}

input[type="search"] { 
	/*box-sizing : content-box;*/
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input[type="text"],
select{
display:block;
width:87%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/
background:#fff;
/*-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;*/
}

input[type="radio"],
input[type="checkbox"]{

}


input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#bbb;
}

input::-moz-focus-inner {border:0;}

input[disabled="disabled"], input.disabled{
color:#999;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}

textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;*/
overflow : auto; 
vertical-align : top;
}

option {
    display:block;
    margin:0;
    font-size:1em;
    padding: 0px;
    background:#fff;
}
/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }


.form_comun label{
    width: 22%;
    float: left;
    font-size: 1em;
    padding: 10px 0;
    font-weight: 700;
}

.form_comun input,
.form_comun textarea{
    width: 75%;
    float: left;    
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 10px;
    border: 1px solid #CCCCCC;
}

.form_comun select{
    width: 77%;
    float: left;    
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 5px 10px 5px 10px;    
}

.form_comun input[type="submit"]{
    width: auto;
    padding: 10px 20px;
    float: right;
}

.obligatorio{
    color: #E20816;
}

p.errorForm {
    background-color: #E20816;
}

p.avisoForm{

    
}

.form_contacto .condicions {
    float: right;
    font-size: 0.9em;
    margin: 1px 0 0;
    *margin: 10px 0 0;
    width: 95%;
}

.form_contacto input[type="checkbox"],
.form_contacto input[type="radio"] {
    float: left;
    height: 15px;
    margin-top: 13px;
    width: 15px;
    border: 0px;
}

.form_busca{
    background-color: #f2f2f2;
    padding: 10px;
    margin: 20px 0;
}

.form_busca label{
    width: 15%;
}

.form_busca input{
    width: 40%;
    margin-right: 20px;
}

.form_busca select{
    width:  43%;
    margin-right: 20px;
}

.form_busca .datePicker{
    width: 20%;
    margin-right: 0px;
}

.form_busca .ui-datepicker-trigger{
     margin: 7px 0 0 -38px;
}
/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	border-top: 18px solid #c99d66;
}

#headcontainer {
	width: 100%;
}

header {
	clear: both;
	width: 100%; 
	max-width: 976px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	text-align: center;
}
	
header .col.logo{
    margin-top: 0%;
    margin-bottom: 0%;    
    width: 40%;
}	

#buscador{
    width: 100%;
    background-color: #2eb8ca;    
    height: 150px;
}

#buscadorcontent{
    clear: both;
    margin: 0 auto;
    max-width: 976px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 150px;
} 

#maincontentcontainer {
	width: 100%;
	background-color: #ebebeb;
	margin: 0;
}

#maincontentcontainer.border{

}
		
#maincontent{
    background-color: #FFFFFF;
    clear: both;
    margin: 0 auto;
    max-width: 956px;
     padding: 10px 10px 30px;
    position: relative;
    width: 100%;
}


#footercontainer {
	width: 100%;	
	background-color: #ebebeb;
	padding: 0 0 20px;
}
	
footer {
	clear: both;
	width: 100%;
    max-width: 976px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.15em;
}

footer .menu{
    float: left;
    width: 28%;
}

footer .menu ul{
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;    
}

footer .menu.categorias li{
    float: left;
    width: 50%;
}

footer .menu.destacadas{
    margin-top: 25px;
    text-transform: uppercase;
    font-weight: 300;
    width: 37%;
}

footer .menu li{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

footer h4 {
    text-transform: uppercase;
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}


/*  NOTES  ============================================================================= */


.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;
	
}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size : 1.5em; /* 24 / 16 */
				
}
.button:hover {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
/*box-sizing : border-box; */
}

input[type="search"] { 
/*-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; */ }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

h4.titulo {
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/* CABECERA ============================================================================= */  
#headcontainer h1{
    clear: both;
    float: left;
    line-height: 0;
    margin: 0;
    width: 307px;
}

#headcontainer h1 img{
    width: 100%;
}
 
#headcontainer h1 a{
    display: inline-block;
    width: 100%;
}

header .col.accesos_img{
    width: 33%;
    margin-top: 0;
}   

header .col.accesos{
    width: 20%;
    margin-top: 0;
}   

#accesos{
    list-style: none;
    margin: 3px 15px 0 0;
    padding: 0px;
    float: right;
}

#accesos li{
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
}
 
#accesos a{
    color: #2db8ca;
    text-decoration: none;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    font-size: 0.9em;
    text-transform: uppercase;
}

#accesos a:hover{
    text-decoration: underline;
}

#accesos .como_participar a{
    background-image: url("../images/como_participar.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 111px;
    margin: 15px 0 0 10px;
    text-indent: -9999px;
    width: 127px;
}

#accesos_img{
    margin: 0px;
    padding: 0px;
}

#accesos_img li{
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none outside none;
}

#accesos_img .dias_especiais a{
    background-image: url("../images/dias_especiais.png");
    background-position: left -20px;
    background-repeat: no-repeat;
    display: block;
    height: 140px;
    text-indent: -9999px;
    width: 163px;
}

#accesos_img .crea_o_teu_catalogo a{
    background-image: url("../images/crea_o_teu_catalogo.png");
    background-position: -10px -24px;
    background-repeat: no-repeat;
    display: block;
    height: 140px;
    text-indent: -9999px;
    width: 139px;
}


#redes{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#redes li{
    list-style: none;
    float: left;
    padding: 0px;
    margin: 10px 0 0 0;
}
 
#redes a{
    color: #2db8ca;
    text-decoration: none;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

#redes a:hover{
    text-decoration: underline;
}
    
#redes a.facebook,
#redes a.twitter{
   background-image: url("../images/redes.png");
    background-repeat: no-repeat;
    height: 40px;
    margin: 0 1px;
    text-indent: -9999px;
    width: 40px;
}    

#redes a.facebook{
    background-position: left 0px;
}

#redes a.facebook:hover{
    background-position: left -40px;
}


#redes a.twitter{
    background-position: -40px 0px;
}

#redes a.twitter:hover{
    background-position: -40px -40px;
}



/* CONTENIDO  ============================================================================= */  
#top_contenido {
    clear: both;
    margin: 0 0 10px;
    padding: 0.1em 0 0;
    overflow: hidden;
}

#bottom_contenido {
    clear: both;
    margin: -11px 0 25px;
    padding: 0.1em 0 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}


#migapan {
    float: left;
    margin: 0;
    width: 50%;
     margin: 0 0 20px;
    font-weight: 700;
}
#migapan p {
    font-size: 0.9em;
    line-height: 0.875em;
}
#migapan p a {
    text-decoration: none;
}
#migapan p a:hover {
    text-decoration: underline;
}

#redes_share {
    float: right;
    width: 50%;
}

#redes_share .cabozo{
    float: right;
    margin: 0 20px 0 0;
}

#redes_share .addthis_toolbox{
    float: right;
    text-align: right;
    width: 70%;
}

.linea{
    border-bottom: 1px solid #C99D66;
    padding-bottom: 15px;
}

.fecha{
    color: #999999;
}

.articulo{
    border-bottom: 1px solid #DDDDDD;
    padding: 15px 0;
    overflow: hidden;
}

.articulo a{
    color: #231F20;
}

.articulo a:hover{
    text-decoration: underline;
}

p.mas{
    margin: 15px 0;
}


.articulo.gris,
.gris{
    border-bottom: none;
    background-color: #F2F2F2;
    margin: 15px  0 15px 0;
    padding: 20px;
    overflow: hidden;
}

.articulo .margin{
    margin: 10px;
}

.articulo.rosa{
    border-bottom: none;
    background-color: #2db8ca;
    margin: 15px 0 30px;
    padding: 0;
    color: #fff;
}

.articulo.rosa a{
    color: #fff;
}

.articulo h4{
    font-size: 1.8em;
}

#info {
    margin: 20px 0 0 0;
    position: relative;
}

#info header{
    margin: 0;
    text-align: left;
    padding: 0;
}


#info #lista-articulos,
#info #articulo{
    position: relative;
    width: 100%;
}

#info h2.titulo{

}    

#info h2 span{
    color: #000;
}

#info h3{
    margin: 1.9em 0 0.625em 0;
}

#info h3.subtit,
#info h3.antetit,
#info h3.titListado{
    margin: 0.625em 0;
    color: #231F20;
}

#info h3.titListado{
    color: #C99D66;
}
    
#info h3.subtit a,
#info h3.antetit a{
    text-transform: none;
}



#info .listado h3{
    /*margin: 0.5em 0;*/
    margin: 0 0 0.625em 0;
    font-weight: normal;
    
}

#info .listado h3 a{
    color: #2db8ca;
    font-size: 1.05em;
    font-weight: 700;
    text-decoration: none;
}    

#info .listado h3 a:hover{
    color: #231F20;
}    
    


#info h4.subtit,
#info h4.antetit{

}

#info p.fecha{
    margin: 0 0 0.2em;
}

#info ul,
#info ol{
    list-style-position: inside;
}

#info ul,
#info ul li{
    list-style-type: none;
    list-style-image: url("../images/bullet.png");
}

#info iframe{
    max-width: 100%;
}

#info .fotoSobre {
    max-width: 100%;
    margin-bottom: 0.625em;
    position: relative;
}

#info .fotoLeft {
    float: left;
    margin-right: 0.625em;
    overflow: hidden;
    max-width: 70%;
    margin-bottom: 0.625em;
    position: relative;
}

#info .fotoRight {
    float: right;
    margin-left: 0.625em;
    overflow: hidden;
    max-width: 70%;
    margin-bottom: 0.625em;
    position: relative;
}

#info .fotoRight img,
#info .fotoLeft img,
#info .fotoSobre img {
    /*border: 1px solid #CCCCCC;*/
}

#info .pefoto{
    font-size: 0.9em;
    height: 30px;
    left: 0;
    width: 100%;
}

#info .pefoto p{
    margin: 5px 0 0 5px;
    padding: 0px;
    font-weight: 700;
}    

#info a.audioSobre {
    overflow: hidden;
}

#info a.audioRight {
    float: right;
    overflow: hidden;
}

#info a.audioLeft {
    float: left;
    margin-right: 0.625em;
    overflow: hidden;
}

#info a.audioRight, a.audioLeft, a.audioSobre {
    text-decoration: none;
}

#info p.txtDestacadoSobre, p.txtDestacadoRight, p.txtDestacadoLeft {
    padding: 0.95em 3.59% !important;
    font-size: 1.4em;
     line-height: 1.2em;
     color: #C99D66;
     font-weight: 700;
}

#info p.txtDestacadoSobre {
    margin: 0.95em 0 !important;
}

#info p.txtDestacadoRight {
    float: right;
    margin: 0 0 0.625em 1.38% !important;
    overflow: hidden;
    width: 35%;
}

#info p.txtDestacadoLeft {
    float: left;
    margin: 0 15px 0.625em 0 !important;
    overflow: hidden;
    width: 35%;
}

/* listas contenido */
#info ul.listEnlaces, 
#info ul.listDescargas, 
#info ul.listVideos, 
#info ul.listAudios, 
#info ul.listNotiRela{
    list-style: none outside none;
    margin: 0 !important;
    padding:0px 0px 0.0625em 0px !important;
    overflow:hidden;    
}

#info .listEnlaces li, 
#info .listDescargas li, 
#info .listVideos li, 
#info .listAudios li, 
#info .listNotiRela li{
    margin-bottom: 0.5em;
    margin-left: 0;
    background-image: none;
    padding-bottom: 0.125em;
}


#info .listEnlaces a, 
#info .listDescargas a, 
#info .listVideos a, 
#info .listAudios a, 
#info .listNotiRela a{
   text-decoration: none;
    position:relative;
    padding: 0.125em 0.125em 0px 1.8em !important;   
}

#info .listEnlaces a:hover, 
#info .listDescargas a:hover, 
#info .listVideos a:hover, 
#info .listAudios a:hover, 
#info .listNotiRela a:hover{
   text-decoration: underline;
}


#info ul li a span.bullet{
    background-image:url(../images/listados_bullets.png);
    background-repeat:no-repeat;
    display:block;
    left:0px;
    top:0px;
    width:18px;
    height:18px;
    position:absolute;
    z-index:1;
}


#info ul.listEnlaces li a span.bullet{
    background-position:left -6px;
}

#info ul.listDescargas li a span.bullet
{
    background-position: -18px -6px;
}

#info ul.listVideos li a span.bullet{
    background-position:-36px -6px;
}

#info ul.listAudios li object {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
}

#info ul.listAudios li a {
    border: 0 none;
    clear: both;
    float: left;
    margin: 0 !important;
    padding: 0.5em 0.125em 0 !important;
    position: relative;
}

#info ul.listNotiRela li a span.bullet{
    background-position: -54px -6px;
}

#localizacion_left {
    margin: 0.625em 0;
    width: 100%;
    text-align: center;
}

#localizacion_left #map_canvas {

}

#localizacion_right {
    clear: both;
    font-size: 1em;
}

/* listados contenido */

#info .listado {
    overflow: hidden;
    padding-bottom: 0.5em;
    z-index: -1;
    background: url(../images/fondo_gris.png) repeat left top;
    padding: 0 10px 10px;
    margin: 0 0 20px 0;
}

#info .listado a,
#info .listado a:hover{
    cursor: pointer;
}

#info .listado img{
    float: left;
    margin: 0px 0.625em 0.625em 0px;
}

#info p.mas{
    clear: both;
    float: right;
    margin: 0;
    width: auto;
} 

#info .mas a{
    background-color: #2CB8CA;
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    padding: 5px;
    text-transform: uppercase;
}

 #info .mas a:hover{
    background-color: #C99D66;
    text-decoration: none;
}   


/* galeria */
#info .listado.itemGaleria{
    border-bottom: none;
}

/* ventana */

#info.ventana{
    padding: 30px;
}

#info.ventana .col {
    overflow: hidden;
    margin: 0;
}

#info.ventana .mas{
    margin-top: 30px;
}
    
/* portada  ============================================================================= */  
.banner_principal{
    text-align: center;
    margin: 0 0 20px 0;
}

.banner_destacado{
    text-align: center;
    margin: 10px 0 0px 0;
}

.section.categoria_gris{
    background: url(../images/fondo_gris.png) repeat left top;
    padding: 0 10px 10px;
    margin: 0 0 20px 0;
}

.section.categoria_branca{
    background-color: transparent;
    padding: 0 10px 10px;
    margin: 0 0 20px 0;
}

.section.categoria_gris .mas{
    clear: both;
    float: right;
    width: auto;
    margin: 0px;
}

.section.categoria_gris .mas a{
    background-color: #2cb8ca;
    display:block;
    text-transform: uppercase;
    color: #fff;
    padding: 5px;
    font-weight: 700;
    font-size: 0.9em;
}
    
.section.categoria_gris .mas a:hover{
    background-color: #C99D66;
    text-decoration: none;
}   
 
.separador{
    background: url("../images/separador.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    min-height: 263px;
    min-width: 27px;
    overflow: hidden;
    width: 2%;
    margin-left: 2.2%;
}

.separador_branco{
    background: url("../images/separador_branco.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    min-height: 263px;
    min-width: 27px;
    overflow: hidden;
    width: 2%;
    margin-left: 2.2%;
}
    
.col.elemento {
    width: 29.2%;
    margin-left: 1%;
}

.elemento h4 {
    margin: 0.2em 0;
}

.elemento h4 a,
#info .elemento h4 a { 
    font-weight: 700;
    margin: 0.2em 0;
    font-size : 1.3em; 
    line-height : 1.25em; 
    color: #0e3b4d;
}

.elemento p.intro{
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 0.0125em;
    line-height: 1.4em;
    color: #0C394C;
}

.elemento p{
   font-weight: 700;
   color: #444b51;
   line-height: 1.2em;
   font-size: 0.9em;
}

.elemento p.intro span{
    text-transform: uppercase;
}

.elemento p.prezo{
    text-align: right;
    margin: 20px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
}

.elemento p.prezo span{
    font-weight: 700;
    margin: 0 0 0 10px;
}
    
.elemento p.intro.marron,
.elemento p.intro.marron a{
    color: #c99d66;    
}

.elemento p.intro.azul,
.elemento p.intro.azul a{
    color: #788996;    
}

.col.foto{
    width: 40%;
}

.col.datos{
    width: 56.8%;
}

#colaboradores{
    float: left;
    display: block;    
}

#colaboradores h2{
    text-transform:uppercase;
    text-align: center;
    font-size: 1.6em;
    margin: 0.5em 0 1em;
}

#facebook{
    float: left;
    display: block;
    margin: 15px 1% 0 1%;
}

#twitter{
    float: left;
    display: block;
}

h3.categoria{
    position: relative;
    padding: 3px 0 0 40px;   
    margin: 0 0 10px;
}

h3.categoria span{
    background-image: url("../images/categorias.png");
    background-repeat: no-repeat;    
    display: inline-block;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;    
    padding: 0;
}

h3.categoria.m14 span{
    background-position: -164px -7px;
}

h3.categoria.m15 span{
    background-position: -164px -50px;
}

h3.categoria.m24 span{
    background-position: -164px -90px;
}

h3.categoria.m36 span{
    background-position: -166px -137px;
}

h3.categoria.m33 span{
    background-position: -166px -179px;
}

h3.categoria.m40 span{
    background-position: -166px -222px;
}

h3.categoria.m28 span{
    background-position: -168px -263px;
}

h3.categoria.m29 span{
    background-position: -168px -307px;
}

h3.categoria.m30 span{
    background-position: -168px -349px;
}


h2.categoria{
    position: relative;
    padding: 15px 0 0 90px;
    margin: 0px 0 10px;
}

h2.categoria span{
    background-image: url("../images/categorias.png");
    background-repeat: no-repeat;    
    display: inline-block;
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;    
    padding: 0;
}

h2.categoria.m14 span{
    background-position: -213px -7px;
}

h2.categoria.m14{
    color: #ed8765;
}

h2.categoria.m15 span{
    background-position: -213px -88px;
}

h2.categoria.m15{
    color: #4a6f7f;
}

h2.categoria.m24 span{
    background-position: -213px -169px;
}

h2.categoria.m24{
    color: #66b1ab;
}

h2.categoria.m36 span{
    background-position: -213px -253px;
}

h2.categoria.m36{
    color: #75b4cc;
}

h2.categoria.m33 span{
    background-position: -213px -334px;
}

h2.categoria.m33{
    color: #a375bc;
}

h2.categoria.m40 span{
    background-position: -213px -415px;
}

h2.categoria.m40{
    color: #d69356;
}

h2.categoria.m28 span{
    
    background-position: -213px -496px;
}

h2.categoria.m28{
    color: #c85f7e;
}

h2.categoria.m29 span{
    background-position: -213px -577px;
}

h2.categoria.m29{
    color: #99b2a6;
}

h2.categoria.m30 span{
    background-position: -213px -658px;
}

h2.categoria.m30{
    color: #b4a559;
}

.cat_rel {
    margin: 10px 0 0 0;
}

.cat_rel a{
    background-image: url("../images/categorias.png");
    background-repeat: no-repeat;    
    text-indent: -9999px;
    display: inline-block;
    height: 34px;
    width: 28px;    
}

.cat_rel a.m14 {
    background-position: -125px -4px;
}

.cat_rel a.m15 {
    background-position: -125px -48px;
}

.cat_rel a.m24 {
    background-position: -126px -89px;
}

.cat_rel a.m36 {
    background-position: -127px -135px;
}

.cat_rel a.m33 {
    background-position: -127px -177px;
}

.cat_rel a.m40 {
    background-position: -127px -219px;
}

.cat_rel a.m28 {
    background-position: -129px -263px;
}

.cat_rel a.m29 {
    background-position: -129px -305px;
}

.cat_rel a.m30 {
    background-position: -129px -347px;
}

#menu_subcategorias{
    position: absolute;
    right: 0;
    top: 70px;
    width: 40%;
}

#menu_subcategorias span{
    display: inline-block;
    float: left;
    margin: 5px 0 0;
    font-weight: 900;
}
#menu_subcategorias select{
    float: right;
    color: #0C394C;
    font-weight: normal;
}

/* ficha elemento  ============================================================================= */  
.info.ficha .gris{
    padding: 10px;
    background: url("../images/fondo_gris.png") repeat scroll left top transparent;
}

.info.ficha .gris ul{
    margin: 20px 0;
    padding: 0 0 0 15px;
}

.info.ficha .gris ul a{
    color: #0d3a4c;
}
.info.ficha .banner{
    margin: 10px 0;
}    

#info .info.ficha h3 {
    margin: 0 0 19px  0;
    color: #0d3a4c;
    font-size: 1.8em;
}

.info.ficha .span_1_of_5,
.info.ficha .span_1_of_6{
    color: #788696;
    font-weight: 700;
}

#info .info.ficha h4{

}


#info .info.ficha .propietario{
    color: #2cb8ca;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: none;
    margin: 0;
}

#info #articulo h3.titListado{
    font-size: 1.4em;
}

/* valoracion  ============================================================================= */  

.estrelas {
    background-image: url("../images/estrelas.png");
    background-position: 0 -34px;
    background-repeat: no-repeat;
    font-size: 11px;
    height: 16px;
    margin-top: 10px !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
}
.estrelas .puntos_0 {
    width: 0;
    z-index: 6 !important;
}
.estrelas .puntos_1 {
    width: 18px;
    z-index: 5 !important;
}
.estrelas .puntos_2 {
    width: 38px;
    z-index: 4 !important;
}
.estrelas .puntos_3 {
    width: 60px;
    z-index: 3 !important;
}
.estrelas .puntos_4 {
    width: 80px;
    z-index: 2 !important;
}
.estrelas .puntos_5 {
    width: 102px;
    z-index: 1 !important;
}
.estrelas span, .estrelas a {
    background-image: url("../images/estrelas.png");
    background-position: 0 18px;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    left: 0;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    width: 18px;
}
.estrelas a:hover{
    background-position: 0 0px;
}

.estrelas span {
    background-position: 0 -17px;
}
.estrelas span span, .estrelas a span {
    display: none;
}
.estrelas ul li {
    background-image: none;
    list-style-image: none !important;
}

/*

.menuEstrellas {
    background-image: url("../images/estrellas.png");
    background-position: 0 -1px;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 11px;
    height: 18px;
    margin: 0 0 8px !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: 90px;
}
.menuEstrellas .puntos_0 {
    width: 0;
    z-index: 6 !important;
}
.menuEstrellas .puntos_1 {
    width: 18px;
    z-index: 5 !important;
}
.menuEstrellas .puntos_2 {
    width: 36px;
    z-index: 4 !important;
}
.menuEstrellas .puntos_3 {
    width: 54px;
    z-index: 3 !important;
}
.menuEstrellas .puntos_4 {
    width: 72px;
    z-index: 2 !important;
}
.menuEstrellas .puntos_5 {
    width: 90px;
    z-index: 1 !important;
}
.menuEstrellas span, .menuEstrellas a {
    background-image: url("../images/estrellas.png");
    background-position: 0 18px;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    left: 0;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    width: 18px;
}
.menuEstrellas a:hover, .menuEstrellas span {
    background-position: 0 -17px;
}
.menuEstrellas .puntos_1 {
    width: 18px;
    z-index: 5 !important;
}
.menuEstrellas .puntos_2 {
    width: 36px;
    z-index: 4 !important;
}
.menuEstrellas .puntos_3 {
    width: 54px;
    z-index: 3 !important;
}
.menuEstrellas .puntos_4 {
    width: 72px;
    z-index: 2 !important;
}
.menuEstrellas .puntos_5 {
    width: 90px;
    z-index: 1 !important;
}
.menuEstrellas span span, .menuEstrellas a span {
    display: none;
}
.menuEstrellas ul li {
    background-image: none;
}
*/


/* ficha empresa  ============================================================================= */  

.datos_contacto ul, ul.datos_contacto {
    margin: 0.5em 0 0 !important;
    padding: 0 0 0.187px !important;
    list-style: none;
}
.datos_contacto {
    color: #A0A0A0;
    width: 100%;
    overflow: hidden;
}
.datos_contacto a {
    color: #A0A0A0;
    text-decoration: none;
}
.datos_contacto a:hover {
    color: #E10A25;
    text-decoration: none;
}
.datos_contacto li {
    background-image: url("../images/directorio.png");
    background-repeat: no-repeat;
    list-style: none outside none;
    min-width: 32%;
    padding: 0.125em 0.625em 0.5em 1.75em;
    vertical-align: top;
    
}
.datos_contacto li.end {
    background-position: -5px -2px;
}
.datos_contacto li.tlf {
    background-position: -5px -130px;
}
.datos_contacto li.fax {
    background-position: -5px -217px;
}
.datos_contacto li.web {
    background-position: -5px -392px;
}
.datos_contacto li.mail {
    background-position: -5px -300px;
}

/* crea o teu catalogo  ============================================================================= */  

#form_catalogo .col.elemento {
    width: 27.4%;
}

.catalogo .col{
    margin: 1% 0 1%  2.8%;
}

#info p.mas.catalogo{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
   
#f_buscar_catalogo input[type="text"]{
    width: 94%;
}

#f_buscar_catalogo select{
    width: 100%;
}

#form_pdf_catalogo label span{
    color: #0C394C;
    font-size: 1em;
    font-weight: normal;
}

.form_pdf_catalogo{
    margin: 0 5%;
}

.borrar{
    font-size: 1.8em;
    cursor: pointer;
}

.form_contacto .condicions.plantilla {
    width: 90%;
}

.form_contacto .condicions.plantilla img {
    width: 60%;
    border: 1px solid #CCCCCC;
}

#form_catalogo .engadir{
    background-color: #2CB8CA;
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    padding: 5px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    margin: 0 0 5px 0;
}

#form_catalogo .engadir:hover{
    background-color: #C99D66;
    text-decoration: none;
}