/*
Theme Name: Bragar
Theme URI: http://www.schaerweb.com
Description: Tema desarrollado para Eventos Bragar
Version: 1.0
Author: schaer|web
*/

body{
background: url(images/patt.gif) scroll repeat 0 0;
font-size: 15px;
font-family: Trebuchet MS,Arial;
margin: 0;
padding: 0;
}

@font-face {font-family: 'PrintBoldRegular';src: url('fonts/printbold.eot');src: local('☺'), url('fonts/printbold.woff') format('woff'), url('fonts/printbold.ttf') format('truetype');}

@font-face {font-family: 'MuseoSlab500';src: url('fonts/museo_slab_500.eot');src: local('☺'), url('fonts/museo_slab_500.woff') format('woff'), url('fonts/museo_slab_500.ttf') format('truetype');}

div.clear{clear: both;height: 0;}

/*-------- MENU ----------*/

#menu{
background: transparent url(images/menubg.png) scroll repeat-x 0 0;
height: 77px;
position: relative;
z-index: 5;
}

#menu ul{
list-style:none outside none;
margin:0;
padding:16px 0 0;
text-align:center
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #FFF;
font-family: 'MuseoSlab500',Arial;
font-size: 14px;
text-shadow: 2px 2px 0 #000;
padding: 2px 10px;
background-color: transparent;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
}

#menu ul li.current_page_item a,
#menu ul li a:hover,
#menu ul li a:focus{
background-color: #350c10;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
}

/*-------- LOGO ----------*/

#logo{
background:url(images/sepgrande.png) no-repeat scroll center bottom transparent;
margin:0 auto;
padding:0 0 40px;
position:relative;
width:960px;
}

#logo h1{
text-indent: -9999px;
background: transparent url(images/logogrande.png) scroll no-repeat 0 0;
margin: 0 auto;
position: relative;
width: 418px;
height: 268px;
z-index: 10;
}

#logo .logo{
display: block;
text-indent: -9999px;
background: transparent url(images/logopeq.png) scroll no-repeat 0 0;
margin: 0 auto;
position: relative;
width: 312px;
height: 198px;
z-index: 10;
}

#logo span.glow{
background:url(images/halo.png) no-repeat scroll 0 0 transparent;
height:549px;
left:190px;
position:absolute;
top:-78px;
width:579px;
z-index:4;
}

/*-------- CONTENT HOME ----------*/

#contenthome{
width: 960px;
margin: 0 auto;
position: relative;
z-index: 10;
}

.col{
color:#5e5a4d;
width: 50%;
float: left;
}

.col h2,.col .texto,.col .img{
width: 320px;
margin: 0 auto;
}

.col h2{
color:#5e5a4d;
font-size: 30px;
font-family: 'PrintBoldRegular';
text-align: center;
line-height: 1.2em;
font-weight: 400;
background: transparent url(images/sep.png) scroll no-repeat center bottom;
padding: 0 0 30px;
margin: 30px auto;
width: 305px;
}

.col h2 a{
color: inherit;
text-decoration: none;
}

.col h2 strong{
color:#862d31;
font-weight: 400;
}

.col .img{
text-align: center;
}

.col a img{
border: 0;
}

.col .texto{
text-align: justify;
padding: 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-icab-box-sizing: border-box;
-khtml-box-sizing: border-box; 
}

.col .texto span.more{
background:url("images/readmore.png") no-repeat scroll right 0 transparent;
float:left;
height:23px;
margin:14px 0;
padding:0 15px 0 0;
}

.col .texto span.more a{
background-color:#350C10;
color:#FFFFFF;
float:left;
font-size:13px;
line-height:23px;
padding:0 0 0 8px;
text-decoration:none;
}

/*-------- CONTENT ----------*/

#content{
width: 770px;
margin: 0 auto;
position: relative;
z-index: 10;
}

#content .imgwrapper{
float:left;
margin:20px 0 0;
/*width:305px;*/
width: 280px;
overflow: hidden;
}

#content #slides .imgwrapper{
-webkit-box-shadow: 0px 0px 17px  #aaa;
-moz-box-shadow: 0px 0px 17px #aaa;
box-shadow: 0px 0px 17px #aaa;
border: 4px solid #fff;
position: absolute;
top: 0;
left: 0;
}

#content h1,
#content h2
{
color: #862d31;
font-family: 'PrintBoldRegular';
font-size: 52px;
text-transform: uppercase;
font-weight: 400;
line-height: 1em;
margin: 25px 0 0;
float: right;
width: 465px;
}

#content h2{
float:none;
font-size:24px;
margin:0.8em 0 0;
text-align:left;
width:auto;
}

#content .texto{
color: #5e5a4d;
text-align: justify;
float: right;
width: 465px;
}

#content a{
color: #862D31;
}

#content a:hover,
#content a:focus{
text-decoration: none;
}

#textoizquierda{
left:0;
position:absolute;
top:300px;
width:260px;
}

#content li{
text-align: left;
}

#content .lista-dos-columnas ul,
#content .lista-dos-columnas ol{
float: left;
}

#content .lista-dos-columnas ul li,
#content .lista-dos-columnas ol li{
width: 50%;
float: left;
padding: 0 2.5em 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-icab-box-sizing: border-box;
-khtml-box-sizing: border-box; 
}

/*-------- NAVIGATION ----------*/

#content #bread{
font-size: 11px;
text-align: right;
color: #5E5A4D;
}

#content #bread a{
text-decoration: none;
}

#content #bread a:hover,
#content #bread a:focus{
text-decoration: underline;
}

#content .navigation{
padding: 20px 0 0;
text-align: right;
clear: both;
}

#content .navigation .prevnextpage a{
background-color:#862D31;
color:#DFA7AC;
font-family:'PrintBoldRegular';
font-size:14px;
font-weight:700;
margin:0 8px 0 0;
padding:5px 10px;
text-decoration:none;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#content .navigation .prevnextpage a:hover,
#content .navigation .prevnextpage a:focus{
background-color: #963D41;
color: #fff;
}

#content .navigation ul.siblings{
background:url("images/sep.png") no-repeat scroll center top transparent;
list-style:none outside none;
margin:15px 0 0;
padding:10px 0 0;
}

#content .navigation ul.siblings li{
margin: 0 4px;
display: inline;
}

#content .navigation ul.siblings li a{
font-size: 12px;
}

#content .navigation ul.siblings li.current_page_item a{
text-decoration: none;
opacity:.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}

/*-------- GALERIA ----------*/

#galeria{
width: 770px;
margin: 0 auto;
position: relative;
z-index: 10;
}

#galeria h1{
color: #862d31;
font-family: 'PrintBoldRegular';
font-size: 52px;
text-transform: uppercase;
font-weight: 400;
line-height: 1em;
margin: 25px 0 0;
}

#galeria .texto{
color: #5e5a4d;
text-align: justify;
}

#galeria a{
color: #862D31;
}

#galeria a:hover,
#galeria a:focus{
text-decoration: none;
}

#galcont{
}

.galthumb{
float: left;
width: 25%;
margin: 0 0 10px;
}

.galthumb50{
width: 50% !important;
margin: 0 0 30px;
}

.galthumb a{
background-color: #FFF;
width: 176px;
height: 114px;
display: block;
position: relative;
border: 3px solid #FFF;
margin: 0 auto;
overflow: hidden;

-webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.galthumb a img{
border: none;
opacity:.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

.galthumb a:hover img,
.galthumb a:focus img{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

/*-------- SUBPAGES ----------*/

#subpages{
background:url(images/sepgrande.png) no-repeat scroll center 0 transparent;
width: 770px;
margin: 20px auto 0;
padding: 20px 0 0;
clear: both;
z-index: 10;
position: relative;
}

#subpages h2{
color: #862d31;
font-family: 'PrintBoldRegular';
font-size: 52px;
text-transform: uppercase;
font-weight: 400;
line-height: 1em;
margin: 0 0 10px;
}

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

#subpages li{
float: left;
width: 25%;
margin: 0 0 10px;
}

#subpages .subpage{
width: 176px;
height: 114px;
display: block;
position: relative;
border: 3px solid #FFF;
margin: 0 auto;
overflow: hidden;

-webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

#subpages li a{
position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: hidden;
width: 100%;
height: 100%;
padding: 50px 0 0;
color: #862d31;
font-family: 'MuseoSlab500';
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: #fff;
background-color: rgba(255,255,255,0.8);

opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);

-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

#subpages li a:hover{
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

#subpages li span{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

/*-------- FOOTER ----------*/

#footer{
background:url("images/footerbg.png") repeat-x scroll 0 0 transparent;
clear:both;
float:left;
margin:20px 0 0;
padding:60px 0 40px;
width:100%;
}

#footercontent{
width: 960px;
margin: 0 auto;
color: #f5f1f2;
font-size: 13px;
position: relative;
}

#footerb{
background:url("images/bfooter.png") no-repeat scroll 0 0 transparent;
display:block;
height:78px;
left:457px;
position:absolute;
top:-22px;
width:46px;
}

.fcol{
width: 280px;
float: left;
padding: 0 100px;
}

.fcol h3{
font-family:'PrintBoldRegular';
font-size:18px;
margin:0;
text-shadow:1px 2px 0 #350C10;
text-transform:uppercase;
}

.fcol p{
text-align: justify;
}

.fcol a{
background-color: transparent;
background-color: rgba(53, 12, 16, 0.4);
text-decoration: none;
color: #FFF;
padding: 2px 6px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
}
.fcol a:hover, .fcol a:focus{
background-color: #350C10;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
}

#socialmedia{
background:url("images/sepblanco.png") no-repeat scroll center 0 transparent;
margin:30px 0 90px;
padding: 20px 0 0;
}

#socialmedia .fb_iframe_widget {
background-color: #F5F1F2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 10px;
}

#interaction{
background:url("images/sepblanco.png") no-repeat scroll center 0 transparent;
bottom:0;
padding:10px;
position:absolute;
text-align:right;
width:280px;
}

#interaction a{
background:url("images/interaction.png") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:23px;
margin:3px 0 0;
overflow:hidden;
padding:0;
text-indent:9999px;
width:149px;
opacity:.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

#interaction a:hover{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
}

/*-------- CONTACT FORM ----------*/

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

#contactoform li{
padding: 0;
margin: 8px 0 0;
}

#contactoform label{
display:block;
margin:0 0 2px;
text-transform:uppercase;
}

#contactoform .text{
background-color:#3C1215;
border:medium none;
color:#BF838A;
font-family:Trebuchet MS;
font-size:13px;
padding:4px;
width:100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#contactoform .text:hover,
#contactoform .text:focus{
color: #FFF;
}

#contactoform .submit{
background-color:#1A1A1A;
border:medium none;
color:#aaa;
cursor: pointer;
font-family:'PrintBoldRegular';
font-size:16px;
padding:6px 20px;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#contactoform .submit:hover{
background-color:#222;
color: #FFF;
}

span.wpcf7-not-valid-tip {
background:none repeat scroll 0 0 #DFD4B3 !important;
border:medium none !important;
color:#5E5A4D !important;
font-size:11px !important;
left:100% !important;
padding:4px !important;
position:absolute !important;
top:-12px !important;
width:100px !important;
z-index:100 !important;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px  #000000;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}

div.wpcf7-mail-sent-ok{
background:none repeat scroll 0 0 #DFD4B3 !important; 
}

div.wpcf7-validation-errors{
background:none repeat scroll 0 0 #F7E700 !important; 
}

div.wpcf7-response-output{
background:none repeat scroll 0 0 #F7E700 !important; 
color:#5E5A4D !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

img.ajax-loader{
background-color:#FFFFFF;
padding:7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}