/*
Theme Name: ******
Description: ******,*****,*****
Version: 2.0
Author: Rafael Teran
Tags: ******,*****,***
*/



body {
    background: url("../img/bg-conten.jpg") repeat;
    font: 12px/21px "Arial",Helvetica Neue,Helvetica,sans-serif;
    color: #666666;
}
body {
}


/* --------       HOME PAGE           ----------	*/

/*	HEADER STARTS HERE
        ------------------	*/
header {
    background-color: #ffffff;
    width: 100%;
    height: 112px;
}
nav {
    margin: 0;
    position: relative;
}
#wrap_1 {
    width: 900px;
    height: 75px;
    margin: 0 auto;
    padding-top: 7px;
}
#wrap_4 {
    width: 900px;
    height: 35px;
    margin: 0 auto;
    padding-top: 4px;
}

#left {
    width: 316px;
    height: 62px;
    float: left;
    background-image: url("../img/logo2.jpg");
    background-repeat: no-repeat;
    background-position: left center;
}
#left a {
    text-decoration: none;
    color: #666666;
}
#left h1 {
    height: 40px;
    width: 316px;
    text-indent: -9999px;
}
#left h2 {
    color: #666666;
    padding-left: 69px;
}
#right {
    float: right;
    padding-top: 19px;
}
#right ul {
    list-style: none;
    float: left;
}
#right .nav-1 {
    padding-top: 1px;
}
.nav-1 li {
    display: block;
    float: left;
    margin-left: 30px;
    background-image: url("../img/bg-nav1.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
}
.nav-1 li a {
    font-size: 15px;
    height: 15px;
    color: #ff9900;
    padding: 0px 0px 0px 3px;
    text-decoration: none;
}
.nav-1 li:hover a {
    color: #999999;
    transition: all 0.2s ease 0.1s;
}
.nav-1 .hover1 {
    color: #999999;
}
.nav-1 #linkcontact {
    color: #999999;
}
.nav-2 .hover2 {
    color: #ffffff;
    background-image: url("../img/bg-nav.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}
.nav-2 .hover2 a {
    color: #ffffff;
}
.nav-2 {
    background-image: url("../img/bg-nav1.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 29px;
    padding-left: 12px;
}
.nav-2 li {
    display: block;
    float: left;
}
.nav-2 li a {
    border: none;
    font-size: 13px;
    color: #ff9900;
    text-decoration: none;
    display: inline-block;
}
.nav-2  span{ 
    padding: 2px 6px;
    display: block;
}
.nav-2 li:hover {
    color: #ffffff;
    background-image: url("../img/bg-nav.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}
.nav-2 li:hover a{
    color: #ffffff;
}
.nav-3 li {
    display: block;
    float: left;
    margin-left: 10px;
    padding-left: 8px;
}
.nav-3 li a {
    font-size: 13px;
    height: 13px;
    color: #ff9900;
    padding: 0px 0px 0px 3px;
    text-decoration: none;
}
.nav-3 li:hover a {
    color: #999999;
    transition: all 0.2s ease 0.1s;
}
.nav-3 .hover3 {
    color: #999999;
}
.nav-3 #linkcontact {
    color: #999999;
}
.nav-3  span{ 
    padding: 0px 0px;
    display: block;
}


/*	HEADER ENDS HERE
        ------------------	*/

/*	CONTENT STARTS HERE
        ------------------	*/	
#wrap_2 {
    background-image: url("../img/bg-cente3.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    width: 100%;
    overflow: hidden;
}
.bg-effect {
    background-image: url("../img/bg-effect.jpg");
    background-position: center top;
    background-repeat: repeat-x;
}
.content {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 1080px;
	height: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.center-text {
	padding-left: 60px;
	width: 900 px;
}
.center-text-it {
    padding-left: 115px
}
.center-text-fr {
    padding-left: 208px
}
.center-text-cat {
    padding-left: 104px
}
#center {
    height: 200px;
}
.box1 {
	width: 1080px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 0px; */
	height: auto;
	margin-bottom: 0px;
}
.box2 {
	width: 1080px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 0px; */
	height: 300px;
	margin-bottom: 50px;
}
.box3 {
	width: 1080px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 0px; */
	height: 1250px;
	margin-bottom: 50px;
}
.box4 {
	width: 1080px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 0px; */
	height: 1250px;
	margin-bottom: 50px;
}
.album {
	background-image: url("../img/albumbg.png");
	background-position: center top;
	background-repeat: no-repeat;
	width: 250px;
	height: 240px;
	float: left;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 12px;
	padding-bottom: 16px;
}
.picturebox {
    width: 256px;
    height: 214px;
}
.controler{
	padding-top: 1px;
	padding-bottom: 0px;
}
.controler ul {
    padding-top: 5px; 
    list-style: none;
    padding-left: 4px;
    padding-right: 2px;
}
.controler ul li {
    float: left;
    color: #0C58A5;
}
.controler .next {
    float: right;
}
.next a {
    text-decoration: none;
    color: #0C58A5;
}
.next:hover a {
    color: #666666;
}
.next a span{
    padding-top: 2px;
}
.info {
	height: 255px;
	margin-top: 11px;
	border: 1px solid #D0D0D0;
	border-radius: 6px 6px 6px 6px;
	width: 800px;
	background-color: #ffffff;
	float: right;
	-webkit-box-shadow: 0 1px 1px rgba(45, 48, 50, 0.13);
	-moz-box-shadow: 0 1px 1px rgba(45, 48, 50, 0.13);
	box-shadow: 0 1px 1px rgba(45, 48, 50, 0.13);
}
.titulo {
	height: 45px;
	background: -moz-linear-gradient(center top , #FFFFFF, #F6F5F5) repeat scroll 0 0 transparent;
	border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 18px;
	line-height: 41px;
	color: #0c58a5;
	padding-left: 60px;
	padding-right: auto;
}
.subtitulo2 {
	height: 45px;
	background: -moz-linear-gradient(center top , #FFFFFF, #F6F5F5) repeat scroll 0 0 transparent;
	border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 14px;
	line-height: 41px;
	color: #6B93BC;
	padding-left: 60px;
	padding-right: auto;
}
.p_1 {
    padding-left: 20px;
    padding-right: 20px;
    color: #999999;	
}
.p_1 h4 {
    font-size: 15px;
    color: #333333;
    line-height: 57px;
}
.p_2 {
	height: auto;
	line-height: 19px;
	color: #666666;
}
.p_1 p span {
    color: #ff9933;
}
.p_3 {
    padding-top: 10px;
    text-align: right;	
}
.p_3 a {
    color: #003399;
    text-decoration: none;
    background-image: url("../img/arrow.jpg");
    background-repeat: no-repeat;
    background-position: right  -14px;
}
.p_3 a:hover {
    color: #666666;
    background-position: right  3px;
}
.p_3  span {
    padding-right: 14px;
}
/*	CONTENT ENDS HERE
        ------------------	*/

/*	FOOTER STARTS HERE
        ------------------	*/
footer[role="contentinfo"] {
    margin-top: 5px;
}
#wrap_3 {
	width: 100%;
	height: 160px;
	background-image: url("../img/bg-footer.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ffffff;
	padding-top: 6px;
	color: #999999;
	clear: both;
	padding-bottom: 10px;
}
.footer {
    width: 900px;
    margin: 0 auto;
}	
.bottom_left {
    float: left;
    width: 390px;
}
#bottom_logo {
    padding-top: 43px;
    width: 590px;
    height: 56px;
}
.language {
    margin-left: 53px;
}
.language li {
    display: inline-block;
    margin-left: 11px;
}
.language li:hover a {
    color: #FF9933;
}
.language li a {
    margin-right: 5px;
    text-decoration: none;
    color: #999999;

}
.bottom_right {
    float: right;
    text-align: right;	
    padding-top: 27px;
}
.number {
    font-size: 15px;
    line-height: 26px;
}
#copyright_wrap {
    background-color: #57524d;
    height: 30px;
}
#copyright_wrap2 {
    background-color: #57524d;
    height: 30px;
}
.copyright {
    color: #ffffff;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 3px;
}


.copyright a {
    text-decoration: none;
    color: #ffffff;
}
/* --------       SAGRERA PAGE           ----------	*/

/*	CONTENT STARTS HERE

        ------------------	*/
#wrap_4 {
    height: 400px;
    width: 100%;
    background-image: url("../img/img-bg-slider.jpg");
    background-position: center top;
    background-repeat: repeat-x;
}
#wrap_5 {
    width: 100%;
}
#content_2 {
    margin: 0 auto;
    width: 900px;
    text-shadow: #ffffff 0 1px 0;
    overflow: hidden;
    padding-top: 64px;
}	


/* jquery tab */
.ui-tabs { position: relative;  zoom: 1; 	width: 900px; margin-bottom: 20px;
           float: left;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; 	width: 229px;
                        height: 300px;
                        float: left; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0;   
                           width: 210px;
                           border-top: 1px solid #b2b2b2;
}
.ui-tabs .ui-tabs-nav li a { 
    font-size: 19px;
    text-decoration: none;
    color: #8E8E8E; 
    display: block;
    padding-left: 63px;
    background-image: url("../img/bg-tab.png");
    background-repeat: no-repeat;
    background-position: 13px center;
    border-top: 1px solid #ffffff;
}
.ui-tabs .ui-tabs-nav li a strong {
    line-height: 48px;
    font-weight: normal;
} 

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-image: url("../img/sub-bg-tab.jpg");
    background-repeat: repeat;
    background-position: top center;
    color: #666666;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #666666;
}
.ui-tabs .ui-tabs-nav .linktab1 {
    border-bottom: 1px solid #ffffff;
}
.ui-tabs .ui-tabs-nav .linktab1 a {
    border-bottom: 1px solid #b2b2b2;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; line-height: 48px; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none; 
                          float: right;
                          padding-left: 32px;
                          width: 630px;
                          background-image: url("../img/bg-unstyled.jpg");
                          background-position: left top;
                          background-repeat: repeat-y;
}

.button {
    border: 1px solid #ff9933;
    background: #ff9933;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3b655), to(#ff9933));
    background: -webkit-linear-gradient(top, #f3b655, #ff9933);
    background: -moz-linear-gradient(top, #f3b655, #ff9933);
    background: -ms-linear-gradient(top, #f3b655, #ff9933);
    background: -o-linear-gradient(top, #f3b655, #ff9933);
    background-image: -ms-linear-gradient(top, #f3b655 0%, #ff9933 100%);
    padding: 5.5px 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #000000 0 1px 0;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    vertical-align: middle;
    margin-top: 17px;
    float: right; 
    transition: all 0.5s ease 0.0s;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:  0px 1px 1px rgba(50, 50, 50, 0.65);
    margin-right: 2px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
}
.button:hover {
    text-shadow: none;
    border: 1px solid #ff9933;
    background: #ff9933;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3b655), to(#ff9933));
    background: -webkit-linear-gradient(top, #f3b655, #ff9933);
    background: -moz-linear-gradient(top, #f3b655, #ff9933);
    background: -ms-linear-gradient(top, #f3b655, #ff9933);
    background: -o-linear-gradient(top, #f3b655, #ff9933);
    background-image: -ms-linear-gradient(top, #f3b655 0%, #ff9933 100%);
    color: #ffffff;
}
.button:active {
    text-shadow: #1e4158 0 1px 0;
    border: 1px solid #ff9933;
    background: #ff9933;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3b655), to(#ff9933));
    background: -webkit-linear-gradient(top, #f3b655, #ff9933);
    background: -moz-linear-gradient(top, #f3b655, #ff9933);
    background: -ms-linear-gradient(top, #f3b655, #ff9933);
    background: -o-linear-gradient(top, #f3b655, #ff9933);
    background-image: -ms-linear-gradient(top, #f3b655 0%, #ff9933 100%);
    color: #ffffff;
}

.tab li:hover {
    background-image: url("../img/sub-bg-tab.jpg");
    background-repeat: repeat;
    background-position: top center;
}
.title-tabs {
    font-size: 20px;
    color: #0c58a5;
    margin-bottom: 13px;
}
.tabs2-left {
    float: left;
    width: 430px;
}
.tabs2-right {
    float: left;
    width: 182px;
}
.tabs2-middle {
    float: left;
    width: 548px;
}
#tabs-2 ul li {
    line-height: 28px;
}
#tabs-2 ul li:hover {
    background: none;
}
.unstyled-left {
    float: left;
    width: 176px;
    margin-left: 3px;
}
.unstyled-middle {
    float: left;
    width: 200px;
}
.unstyled-right {
    float: left;
    width: 163px;
}
#wrap_contact {
    background-image: url("../img/bg-contact.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    overflow: hidden;
    width: 100%;

}
.content_contact {
    height: auto;
    margin: 0 auto;
    padding: 49px 0 38px 0;
    width: 900px;

}
#wrap-form {
    background-image: url("../img/fromshadow.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 900px;
    height: 469px;
    padding: 26px 26px;
}
.content .text{
    font-size: 14px;
    margin-bottom: 20px;
}
form label {
    clear: both;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    color: #666666;
}
form .ui_in {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    color: #696969;
    font-size: 13px;
    padding: 10px 8px;
    width: 460px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 16px;
}
form textarea {
    transition: all 0.5s ease-in-out 0s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 560px;
    max-width: 650px;
    height: 163px;
    padding: 10px 8px;
    border: 1px solid #cccccc;
    box-shadow: none;
    font: 12px/21px "Arial",Helvetica Neue,Helvetica,sans-serif;
    color: #696969;
    margin-bottom: 16px;
}
form textarea:focus {
    width: 650px;
    height: 200px;
}
wrap-form-2 {
    width:  500px; 
}
#facebook-button {
    float: left;
}
.botton_enviar{
    float: right;
    padding: 9px 30px;
    background-color: #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
}
.center-text .p_2 p {
}
.bg-effect {
}