/*
Theme Name: Tramonto

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}
/*-------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 3, 2014 */
@font-face {
font-family: 'alegreyaitalic';
src: url('fonts/alegreya-italic-webfont.eot');
src: url('fonts/alegreya-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/alegreya-italic-webfont.woff2') format('woff2'),
url('fonts/alegreya-italic-webfont.woff') format('woff'),
url('fonts/alegreya-italic-webfont.ttf') format('truetype'),
url('fonts/alegreya-italic-webfont.svg#alegreyaitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'alegreyaregular';
src: url('fonts/alegreya-regular-webfont.eot');
src: url('fonts/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/alegreya-regular-webfont.woff2') format('woff2'),
url('fonts/alegreya-regular-webfont.woff') format('woff'),
url('fonts/alegreya-regular-webfont.ttf') format('truetype'),
url('fonts/alegreya-regular-webfont.svg#alegreyaregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'alegreyabold_italic';
src: url('fonts/alegreya-bolditalic-webfont.eot');
src: url('fonts/alegreya-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/alegreya-bolditalic-webfont.woff2') format('woff2'),
url('fonts/alegreya-bolditalic-webfont.woff') format('woff'),
url('fonts/alegreya-bolditalic-webfont.ttf') format('truetype'),
url('fonts/alegreya-bolditalic-webfont.svg#alegreyabold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'alegreyabold';
src: url('fonts/alegreya-bold-webfont.eot');
src: url('fonts/alegreya-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/alegreya-bold-webfont.woff2') format('woff2'),
url('fonts/alegreya-bold-webfont.woff') format('woff'),
url('fonts/alegreya-bold-webfont.ttf') format('truetype'),
url('fonts/alegreya-bold-webfont.svg#alegreyabold') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font: 10px/15px 'alegreyaregular', "Times New Roman", Times, serif;
}
.contenedor {
width: 100%;
margin-bottom: 3px;
}
.principal {
margin: 0 auto;
width: 980px;
position: relative;
}
#primero .principal {
height: 976px;
}
#segundo .principal {
height: 1530px;
}
#tercero .principal {
height: 750px;
}
#cuarto .principal {
height: 500px;
}
#cuarto.contenedor {
margin-bottom: 0;
}
#primero {
background: #bd2029;
background: -moz-linear-gradient(left,  #bd2029 1%, #e06327 51%, #bd2029 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#bd2029), color-stop(51%,#e06327), color-stop(100%,#bd2029));
background: -webkit-linear-gradient(left,  #bd2029 1%,#e06327 51%,#bd2029 100%);
background: -o-linear-gradient(left,  #bd2029 1%,#e06327 51%,#bd2029 100%);
background: -ms-linear-gradient(left,  #bd2029 1%,#e06327 51%,#bd2029 100%);
background: linear-gradient(to right,  #bd2029 1%,#e06327 51%,#bd2029 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd2029', endColorstr='#bd2029',GradientType=1 );
}
#segundo {
background: #f7b331;
background: -moz-linear-gradient(left,  #f7b331 1%, #f9d10a 51%, #f7b331 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#f7b331), color-stop(51%,#f9d10a), color-stop(100%,#f7b331));
background: -webkit-linear-gradient(left,  #f7b331 1%,#f9d10a 51%,#f7b331 100%);
background: -o-linear-gradient(left,  #f7b331 1%,#f9d10a 51%,#f7b331 100%);
background: -ms-linear-gradient(left,  #f7b331 1%,#f9d10a 51%,#f7b331 100%);
background: linear-gradient(to right,  #f7b331 1%,#f9d10a 51%,#f7b331 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b331', endColorstr='#f7b331',GradientType=1 );
}
#tercero {
background: #4f833c;
background: -moz-linear-gradient(left,  #4f833c 1%, #74a040 51%, #4f833c 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#4f833c), color-stop(51%,#74a040), color-stop(100%,#4f833c));
background: -webkit-linear-gradient(left,  #4f833c 1%,#74a040 51%,#4f833c 100%);
background: -o-linear-gradient(left,  #4f833c 1%,#74a040 51%,#4f833c 100%);
background: -ms-linear-gradient(left,  #4f833c 1%,#74a040 51%,#4f833c 100%);
background: linear-gradient(to right,  #4f833c 1%,#74a040 51%,#4f833c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f833c', endColorstr='#4f833c',GradientType=1 );
}
#cuarto {
background: #3ab9bf;
background: -moz-linear-gradient(left,  #3ab9bf 0%, #65c8cd 50%, #3ab9bf 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3ab9bf), color-stop(50%,#65c8cd), color-stop(100%,#3ab9bf));
background: -webkit-linear-gradient(left,  #3ab9bf 0%,#65c8cd 50%,#3ab9bf 100%);
background: -o-linear-gradient(left,  #3ab9bf 0%,#65c8cd 50%,#3ab9bf 100%);
background: -ms-linear-gradient(left,  #3ab9bf 0%,#65c8cd 50%,#3ab9bf 100%);
background: linear-gradient(to right,  #3ab9bf 0%,#65c8cd 50%,#3ab9bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab9bf', endColorstr='#3ab9bf',GradientType=1 );
}
#menu {
position: fixed;
z-index: 500;
width: 100%;
background: #fff;
height: 40px;
padding-top: 20px;
top: 10px;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
-webkit-box-shadow: 0px 7px 5px 0px rgba(0, 5, 0, 0.2);
-moz-box-shadow:    0px 7px 5px 0px rgba(0, 5, 0, 0.2);
box-shadow:         0px 7px 5px 0px rgba(0, 5, 0, 0.2);
font: 1.35em 'alegreyabold';
letter-spacing: .2em;
color: #231f20;
}
#menu a {
text-decoration: none;
color: #231f20;
}
.subir {
position: absolute;
right: 25px;
top: -7px;
}
#menu a.subirhome {
position: absolute;
left: 120px;
top: 0px;
color: #bd2028;
}
#menu a.novedades {
color: #f8b431;
}
.menu_responsive, .menu_items_r, .overlay {
display: none;
}
.menu_items {
width: 700px;
margin: 0 auto;
padding-left: 300px;
position: relative;
}
.principal img, .principal div {
position: absolute;
}
.principal img.foto, #slider, .textos_8, .attachment-post-thumbnail {
border: 8px solid #fff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(0, 5, 0, 0.2);
-moz-box-shadow:    4px 4px 3px 0px rgba(0, 5, 0, 0.2);
box-shadow:         4px 4px 3px 0px rgba(0, 5, 0, 0.2);
}
.principal p {
font-size: 1.8em;
line-height: 1.3em;
}
#primero p {
color: #fbd898;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#segundo p {
color: #bd7b2a;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#tercero p, #tercero a  {
color: #e0cf55;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
#tercero p a:hover {
color: #fff;
}
#cuarto p {
color: #2d6399;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h1 {
font: 3.4em/1.1em 'alegreyabold';
color: #fff;
margin-bottom: .6em;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
h2 {
font: 2.4em/1.1em 'alegreyabold';
color: #2d6399;
margin-bottom: .6em;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
/*---------------------------------------------------------*/
.logo_1 {
top: 150px;
left: 20px;
width: 230px;
}
#slider {
position: absolute;
background: #fff;
left: 266px;
top: 82px;
width: 686px;
height: 515px;
}
.foto_2 {
left: 87px;
top: 468px;
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
}
.textos_1 {
left: 408px;
top: 640px;
}
.textos_1 p {
width: 270px;
}
.textos_1bis {
left: 0;
right: 0;
text-align: center;
top: 315px;
}
.textos_1bis a {
color: #bd7b2a;
text-decoration: none;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 0;
}
.textos_1bis a:hover {
color: #fff;
}
.foto_3 {
left: 674px;
top: 820px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
}
.foto_4 {
left: 810px;
top: 710px;
}
/*---------------------------------------------------------*/
.foto_5 {
left: 25px;
top: -65px;
}
.foto_6 {
left: 182px;
top: -60px;
}
.foto_7 {
left: 20px;
top: 200px;
-ms-transform: rotate(-5deg); /* IE 9 */
-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
transform: rotate(-5deg);
}
.logo_2 {
left: 322px;
top: 360px;
}
.textos_2 {
left: 676px;
top: 97px;
width: 300px;
}
.foto_8 {
left: 538px;
top: 394px;
-ms-transform: rotate(1deg); /* IE 9 */
-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
transform: rotate(1deg);
}
.textos_3 {
left: 36px;
top: 580px;
width: 160px;
}
.textos_4 {
left: 209px;
top: 592px;
width: 268px;
}
.textos_5 {
left: 623px;
top: 768px;
width: 320px;
}
.foto_9 {
top: 763px;
left: 20px;
width: 526px;
}
.foto_10 {
left: 623px;
top: 914px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
}
.foto_11 {
left: 370px;
top: 1068px;
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
}
.foto_12 {
left: 52px;
top: 1272px;
}
.foto_13 {
left: 771px;
top: 1184px;
}
.foto_14 {
left: 545px;
top: 1378px;
}
.textos_6 {
left: 379px;
top: 1370px;
width: 140px;
}
/*----------------------------------------------------*/
.foto_15 {
left: 20px;
top: 35px;
}
.textos_7 {
left: 324px;
top: 38px;
width: 195px;
}
.foto_16 {
left: 545px;
top: 41px;
width: 353px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
}
.textos_8 {
left: 20px;
top: 393px;
width: 480px;
height: 290px;
}
.textos_9 {
left: 545px;
top: 453px;
}
.textos_10 {
left: 545px;
top: 665px;
}
.textos_10 a {
text-decoration: none;
color: #d8d6d7;
font-size: .7em;
}
/*-------------------------------------------------------*/
.logo_3 {
left: 700px;
top: -60px;
}
.textos_11 {
left: 20px;
top: 80px;
background: url(img/zigzag.png) repeat-x 0 60px;
display: block;
width: 960px;
padding-bottom: 20px;
}
.attachment-post-thumbnail {
left: 20px;
top: 180px;
width: 275px;
}
.textos_12 {
left: 345px;
top: 190px;
}
/* ----------------------------------------	 COLORBOX  ----------------------------------------------------------------*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; padding:0;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{font-size: 1.1em;}
    #cboxTopLeft{width:25px; height:25px; background:url(img/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(img/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(img/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(img/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(img/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(img/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(img/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(img/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
       #cboxLoadedContent #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display: none;}
        #cboxCurrent{position:absolute; bottom:0px; left:45%; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(img/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.alignleft {
display: none;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/*------------------------------------------------------------------------------------------------------*/