/*

HTML 5 Template Name: Basic 86

File: Layout CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>

*/



html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */



body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; background-color:#fff}



.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

.clear{display:block; clear:both;}

html[xmlns] .clear{display:block;}

* html .clear{height:1%;}



a{outline:none; text-decoration:none;}



code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}



.fl_left{float:left;}

.fl_right{float:right;}



img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}

.imgl{float:left; margin:0 15px 15px 0; clear:left;}

.imgr{float:right; margin:0 0 15px 15px; clear:right;}



/*----------------------------------------------HTML 5 Overrides-------------------------------------*/



address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}



q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}

q:before{content:'“ '; font-size:26px;}

q:after{content:' „'; font-size:26px; line-height:0;}



/* ----------------------------------------------Wrapper-------------------------------------*/



div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}



.row1, .row1 a{color:#C0BAB6; background-color:#333333;}

.row2{color:#979797; background-color:#FFFFFF;}

.row2 a{color:#FF9900; background-color:#FFFFFF;}

.row3, .row3 a{color:#919191; background-color:#232323;}



/*----------------------------------------------Generalise-------------------------------------*/



#header, #container, #footer{display:block; width:960px; margin:0 auto;}



nav ul{margin:0; padding:0; list-style:none;}



h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}



address{font-style:normal;}



blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}

blockquote:before, q:before{content:'“ '; font-size:26px;}

blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}



form, fieldset, legend{margin:0; padding:0; border:none;}

legend{display:none;}

input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}



.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 20px 0 0;}

.one_quarter{width:225px;}

.two_quarter{width:470px;}

.three_quarter{width:715px;}

.four_quarter{width:960px; float:none; margin-right:0; clear:both;}



.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}

.one_third{width:300px;}

.two_third{width:630px;}

.three_third{width:960px; float:none; margin-right:0; clear:both;}



.lastbox{margin-right:0;}



/*----------------------------------------------Header-------------------------------------*/



#header{padding:20px 0;}



#header #hgroup{float:left; margin:0 0 20px 0;}

#header #hgroup h1, #header #hgroup h2{font-weight:normal; text-transform:none;}

#header #hgroup h1{font-size:36px;}

#header #hgroup h2{font-size:13px;}



#header nav{display:block; float:right; margin:10px 0 0 0; padding:20px 0; color:#C0BAB6; background-color:#232323;}

#header nav ul{padding:0 20px;}

#header nav li{display:inline; margin-right:25px; text-transform:uppercase;}

#header nav li.last{margin-right:0;}

#header nav li a{color:#C0BAB6; background-color:#232323;}

#header nav li a:hover{color:#FF9900; background-color:#232323;}



/*----------------------------------------------Content Area-------------------------------------*/



#container{padding:30px 0;}

#container section{display:block; width:100%; margin:0 0 50px 0; padding:0;}

#container .last{margin:0;}

#container .more{text-align:right;}



/* ------Slider-----*/



#container #slider{}

#container #slider figure{}

#container #slider figure img{float:right; width:630px; height:300px;}

#container #slider figure figcaption{display:block; float:left; width:280px; height:260px; padding:20px; overflow:hidden; color:#989898; background-color:#DEDEDE; line-height:1.6em;}

#container #slider figure figcaption a{color:#FF9900; background-color:#DEDEDE;}

#container #slider figure h2{font-size:42px; font-weight:normal; font-style:italic; text-transform:none;}

#container #slider figure footer{}



/* ------Main Content-----*/



#container #homepage{display:block; width:100%; line-height:1.6em;}



#container #homepage #services{}

#container #homepage #services article{}

#container #homepage #services article h2{font-size:14px; margin-bottom:15px;}

#container #homepage #services article p{margin:0; padding:0;}

#container #homepage #services article img{float:left; width:80px; height:80px; margin:0 10px 10px 0; padding:4px; border:1px solid #DEDEDE;}

#container #homepage #services article footer{margin:10px 0 0 0;}



#container #homepage #latest{}

#container #homepage #latest article{}

#container #homepage #latest article figure{}

#container #homepage #latest article figure img{margin:0 0 10px 0; padding:4px; border:1px solid #D6D6D6;}

#container #homepage #latest article figure figcaption{}

#container #homepage #latest article figure h2{font-size:14px;}

#container #homepage #latest article figure footer{}



/*----------------------------------------------Footer-------------------------------------*/



#footer{padding:20px 0;}

#footer p{margin:0; padding:0;}



/*

* OVERRIDES

*/

h6{font-size:14px;}

a{color:#e36c0a;}

.naranja, h1,h2{color:#e36c0a;text-transform:none;}

.naranja2{color:#e38500;}

.amarillo{color:#d9b01c;}



sub {

    font-size: 14px;

}



table #cabecera {

   /* border-bottom: 1px dashed #e36c0a;

    padding-bottom: 25px;*/

}



section#latest{padding:0 10px;}



section#latest > h2 {

    color: #999;

    margin-bottom: 40px;

    margin-top: 40px;

	letter-spacing:1px;

	text-align: center;

    font-size: 21px;

	line-height: 30px;

}



section#latest > h3 {

    color: #666;

    margin-bottom: 40px;

    margin-top: 40px;

    letter-spacing: 1px;

    text-align: center;

	text-transform: none;

    font-size: 14px;

	font-weight: normal;

	line-height: 22px;

}



section#latest > h3::after {

    height: 2px;

    display: block;

    width: 75px;

    background: #d9b01c;

    border-right: 1px white;

    content: "";

    margin: 15px auto;

}



.one_quarter figcaption h2 {

    margin: 15px 0;

}



.one_quarter a img,

.one_quarter img,

.one_quarter{

    display: block;

    margin: auto;

    text-align: center;

}



article{

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    box-shadow: 0 1px 3px 0 #999;

    margin-bottom: 30px;

	padding:10px;

}



.one_quarter {

    /*display: inline-block;*/

    /*vertical-align: top;*/

    float: none;

    margin: 10px;

	/*max-width: 225px;*/

	width:auto;

}



.heading-block-line:after, .woocommerce .related.products h2:after {

    border-color: #e74c3c;

}

.heading-block-line:after {

    content: '';

    display: block;

    margin: 25px 0px;

    width: 48px;

    border-top: 4px solid;

}



table {

	margin:auto;

    color: #919191;

	font-size:14px;

}



td {

    max-width: 275px;

}

.titulo {
    text-align: center;
    margin-bottom: 40px;
}

.titulo:after, .titulo:before {
    content: "";
    background: #e36c0a;
    width: 100%;
    display: block;
    height: 1px;
    margin: 15px auto;
}

footer.more {
    background: #e36c0a;
    padding: 5px;
    border-radius: 5px;
    margin: 20px;
}

footer.more a {
    color: #fff;
}

article.one_quarter p{
    text-align: justify;
}

article.one_quarter p,
article.one_quarter h2 {
    padding: 0 12px;
}

table.footer-wrap {
    width: 100%;
    clear: both !important;
    border-top: 1px dashed #eae9e9;
    margin-top: 40px;
}

@media screen and (max-width: 479px){

    #latest table td {
        display: block;
    }

    .one_quarter{
        margin:10px 0;
    }

    .header img {
        width: auto;
        height: auto;
    }

}