/* IMPORTS ------------------------------------------------------------*/

@import url('reset.css');


/* HACKS ------------------------------------------------------------*/

.clear{
	clear:both;
	height:1px;
}

.inv{ display:none; }

/* PARAGRAPH AND BULLETS FIX --------------------------------------------*/

.cols ul,
.single ul,
.post ul,
.contact-left ul,
.contact-right ul{
	margin-left: 20px;
	list-style-type: disc;
}

.cols ol,
.single ol,
.post ol,
.contact-left ol,
.contact-right ol{
	margin-left: 20px;
	list-style-type: decimal;
}



/* GENERAL ------------------------------------------------------------*/




* {
   padding: 0;
   margin: 0;
}



body {
	line-height: 1;
	color: #FFF;
	font-family: Helvetica, sans-serif, Arial;
	font-size:  100%;
	background-color: #000;
	background-image: url(../img/aros3.png);
	background-repeat: repeat-x;
	background-position: center;
}



#privacidad body  {
	line-height: 1;
	color: #FFF;
	font-family: Helvetica, sans-serif, Arial;
	background-color: #000;	
/*	background-image: url(../img/aros3.png);
	background-repeat: repeat-x;
	background-position: center;

*/
}


/*.body1 {
	line-height: 1;
	color: #FFF;
	font-family: 'Quicksand', sans-serif;
	font-size:  100%;
	background-image: url(../img/aros3.png);
	background-repeat: repeat-x;
	background-position: center;
}*/


div#wrapper{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/*navigation*/
.TopNavigation {
	height:30px;
	background:url(file:///L|/www/images/bg_nav.gif) no-repeat top center;
	margin-bottom: 20px;
	margin-top: 20px;
}
ul.nav {
	width:750px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	text-align: center;
}
ul.nav li {
	display:inline;
	font-size:15px;
	font-family:Helvetica, sans-serif;
	margin-top: 20px;
}
ul.nav a {
	color: #FFF;
	text-decoration: none;
	/* [disabled]float: left; */
	font-size: 16px;
	padding: 12px;
	font-weight: bold;
}


ul.nav a:hover {
	color:#9B9B9B;
	font-weight: bold;
}
ul.nav .active a{
	color:#9B9B9B;
	/* [disabled]border-bottom:1px solid #ae5b02; */
	font-size: 16px;
	font-weight: bold;
}
.left a:hover {
     
    /*Transition*/
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
     
    /*Transform*/
    -webkit-transform: rotate(-10deg) scale(1.2);
    -moz-transform: rotate(-10deg) scale(1.2);
    -o-transform: rotate(-10deg) scale(1.2);
}
 
.right a:hover {
 
    /*Transition*/
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
     
    /*Transform*/
    -webkit-transform: rotate(10deg) scale(1.2);
    -moz-transform: rotate(10deg) scale(1.2);
    -o-transform: rotate(10deg) scale(1.2);
}h1{
	font-size: 36px;
	line-height: 1.5em;
	color: #665d4e;
}

h2{
	font-size: 32px;
	line-height: 1.5em;
	color: #B3B3B3;
}

h3{
	font-size: 26px;
	line-height: 1.5em;;
	color: #665d4e;
}

h4{
	font-size: 18px;
	line-height: 1.5em;
	color: #9B9B9B;
}


h5{
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #000;
	font-family: CaviarDreamsRegular;
}
.bpl  {
	font-family: CaviarDreamsRegular;
}
.bpl1 {
	font-family: 'Quicksand', sans-serif;
}


.col .custom   {
	font-family: Helvetica, sans-serif, arial;
	color: #000;
}


h6{
	font-size: 14px;
	line-height: 1.5em;
	color: op#665d4e;
}

p.excerpt{
	font-size: 25px;
	line-height: 1.5em;
	color: #000;
	width: 960px;
	text-transform: uppercase;
	text-align: center;
	font-family: Helvetica, sans-serif, Arial;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight: bold;
}
p.trabajo {
	color: #000;
}


p.excerpt a{
	color: #9A9A9A;
	text-decoration: none;
}

p.section-title{
	display: block;
	overflow: hidden;
	color: #9A9A9A;
	margin-bottom: 18px;
}

p.section-title span.title{
	display: block;
	float: left;
	font-size: 29px;
	padding-right: 15px;
	margin-right: 15px;
}


p.section-title span.desc{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 18px;
}


.title-1{
	background: url(../img/h1-bg.png) no-repeat -3px 3px;
	text-indent: 9px;
}

.title-2{
	background: url(../img/h2-bg.png) no-repeat 0px 15px;
	text-indent: 10px;
}

.title-3{
	color: #e1820b;
}


blockquote h4{
	font-size: 26px;
	background: url(../img/quotes-close.png) no-repeat right bottom;
	font-style: italic;
	font-family: Georgia;
	color: #665d4e;
	line-height: 1.5em;
}

blockquote h4:first-letter{
	font-size: 26px;
}

div.col blockquote p,
blockquote p{
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	color: #fff;
	line-height: 1.5em;
}


.custom1 a{
	text-decoration: none;
}

img.left-align{
	float:left;
	margin:8px 18px 18px 0;
	display: block;
}

img.right-align{
	float:right;
	margin:0px 0px 0px 10px;
	display: block;
}

img.boxed{
	background: white;
	padding: 5px;
	border: 1px solid #606060;
}

.custom{
	/* [disabled]word-spacing: 0.3em; */
	font-family: Helvetica, sans-serif, Arial;
	/* [disabled]font-weight: normal; */
}




/* HEADER ------------------------------------------------------------*/

div#header{
	overflow: hidden;
	position: relative;
	height: 200px;
	width: 100%;
	/* [disabled]background-color: #000; */
	/* [disabled]background-image: url(file:///E|/BPLGIFTS%20WEB/plantillas/cream/www2/img/spring/top-bg.png); */
	background-repeat: no-repeat;
}


#logo{
	/* [disabled]position: absolute; */
	margin-top: 40px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

/* ARROW ------------------------------------------------------------*/

img#arrow{
	position: relative;
	top: 135px;
}

img.arrow-home{
	display: none;
}

img.arrow-about{
	left: 510px;
}

img.arrow-gallery{
	left: 610px;
}

img.arrow-blog{
	left: 843px;
}

img.arrow-contact{
	left: 860px;
}

/* MAIN ------------------------------------------------------------*/

div#main{
	width: 100%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
}
div#main1 {
	width: 100%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
}

/* SOCIAL --------------------------------------------------------*/

.social{
	/* [disabled]overflow: hidden; */
	margin-top: 5px;
	margin-right: auto;
	/* [disabled]margin-bottom: 10px; */
	margin-left: auto;
	width: 910px;
	height: 0px;
	float: left;
	position: absolute;
}
.social ul {
	float:right;
	list-style:none outside none;
	margin:0;
	padding-top: 0;
	padding-right: 50;
	padding-left: 0;
}
.social ul li{
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.social ul li a:hover  img{
	/* [disabled]margin-top: 1px; */

opacity:0.8;
filter: alpha(opacity=80);
    -webkit-transform:rotate(360deg); 
    -webkit-transition-duration:500ms; 
    -moz-transform:rotate(360deg);
    -moz-transition-duration:500ms;
    -ms-transform:rotate(360deg);
    -ms-transform-duration:500ms;
}


div.top-img{
	width: 100%;
	margin-top: 13px;
	margin-bottom: 10px;
}

div.top-img img{
	display: block;
	margin: 0 auto;
}




/* COLUMNS ------------------------------------------------------------*/

div.one-col,
div.two-col,
div.three-col{
	overflow: hidden;
}

div.separator{
	border-bottom: 1px solid gray;
	margin-bottom: 18px;
}

div.one-col div.col{
	width: 100%;
}

div.two-col div.col{
	width: 465px;
	float: left;
	margin-right: 30px;
}

div.two-col div.last{
	margin-right: 0px;
}

div.three-col div.col{
	width: 300px;
	float: left;
	margin-right: 30px;
}

div.three-col div.last{
	margin-right: 0px;
}

div.col p{
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	text-align: justify;
	margin-top: 10px;
}



/* SLIDESHOW ------------------------------------------------------------*/
div#slideshow{
	overflow: hidden;
	position: relative;
	height: 380px;
	margin-bottom: 5px;
	width: 960px;
	margin-top: 70px;
}

div#slideshow ul#slides{
	margin: 0 auto;
	width: 953px;
	height: 338px;
	position: absolute;
	top:22px;
	left: 1px;
}

div#slideshow-arrows{
	margin: 0 auto;
	z-index: 900;
	width: 1000px;
	height: 57px;
}



div#slideshow img#prev{
	position: absolute;
	top:180px;
	left: 1px;
	z-index: 20;
}

div#slideshow img#next{
	position: absolute;
	top: 180px;
	right: 1px;
	z-index: 21;
}



div#slideshow span{
	/* [disabled]background: url(../img/slideshow-border.png) no-repeat; */
	width: 960px;
	height: 378px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#slideshow-nav{
	display: block;
	position: absolute;
	overflow: hidden;
	bottom: 35px;
	right: 20px;
	z-index: 20;
}

#slideshow-nav a { 
	display: block;
	float: left;
	background: url(../img/slidebutton.png) no-repeat; 
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	margin-right: 5px;
}

#slideshow-nav a.activeSlide { 
	background: url(../img/slidebutton-over.png) no-repeat; 
}


/* FADE-SLIDE ------------------------------------------------------------*/

div.fade-slide{
	overflow: hidden;
	height: 337px;
	border: 2px solid white;
	width: 950px;
}



/* GALLERY ------------------------------------------------------------*/

ul.gallery{
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	width: 1000px;
}

ul.gallery li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 226px;
	height: 181px;
	float: left;
	margin: 0px 18px 10px 0px;
	background: url(../img/gallery-thumb-bg.png) no-repeat;
	text-align: center;
}

ul.gallery li img{
	margin: 1px 0px 0px 1px;
}

ul.gallery li a:hover span{
	display: block;
}

ul.gallery li span{
	display: none;
	position: absolute;
	top:1px;
	left: 1px;
	width:224px;
	height: 150px;
}

ul.gallery li.cat-images span{
	background: url(../img/over.png) no-repeat;
}
ul.gallery li.cat-images2 span{
	background: url(../img/over.png) no-repeat;
}
ul.gallery li.cat-images3 span{
	background: url(../img/over.png) no-repeat;
}
ul.gallery li.cat-video span{
	background: url(../img/over-video.png) no-repeat;
}

ul.gallery li.cat-flash span{
	background: url(../img/over-flash.png) no-repeat;
}



ul.gallery li em{
	display: block;
	color: #9A9A9A;
	font-size: 14px;
	font-style: normal;
	margin-top: 8px;
	font-family: 'Comfortaa', cursive;
}


div.comments ol.comments-list li:nth-child(odd){
	background: #faf9f5;
}



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

div.contact-left{
	width: 450px;
	float: left;
	margin-top: 50px;
}


div.contact-right{
	width: 450px;
	float: right;
	font-family: Helvetica, sans-serif, Arial;
	margin-top: 50px;
}
#wrapper #main1 .contact-right .custom {
	color: #000;
}



div.contact-right p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #000;
}

div.contact-right a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.taped-image{
	display: block;
	position: relative;
	height: 290px;
	/* [disabled]margin-top: 20px; */
}

div.taped-image span{
	position: absolute;
	/* [disabled]background: url(../img/tape.png) no-repeat; */
	width: 171px;
	height: 28px;
	left: 120px;
}

div.taped-image em{
	position: absolute;
	background: url(../img/shadow.png) no-repeat top center;
	height: 28px;
	width: 100%;
	bottom: -7px;
	left: -10px;
}


div.taped-image img{
	margin-top: 15px;
	border: 2px solid #000;
}


/* FORMS ------------------------------------------------------------*/


div.contact-left form,
div.leave-comment form{
}
/*.contact-left form #formMail{
}
*/

div.contact-left form,
div.leave-comment form{
	margin-top: 20px;
}


div.contact-left form input,
div.contact-left form textarea,
div.leave-comment form input,
div.leave-comment form textarea{
	color: #000;
	font-size: 14px;
	border: 1px solid #CCC;
	padding: 4px 5px;
	/*	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/	background-color: #CCC;
	font-weight: bold;
}

div.contact-left form input,
div.contact-left form textarea,
form#comment-form input,
form#comment-form textarea{
	width: 400px;
	margin-bottom: 6px;
}

div.contact-left form input#send,
form#comment-form input#send{
	width: 87px;
	height: 36px;
	background: url(../img/submit-button.png) no-repeat transparent;
	border: none;
	margin-top: 14px;
}


div.contact-left form input#send:hover,
form#comment-form input#send:hover{
	background-position: 0px -37px;
}


div.contact-left form fieldset label,
form#comment-form label{
	display: block;
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
	font-family: Helvetica, sans-serif, Arial;
}

div.contact-left form fieldset p,
form#comment-form p{
	
}

div.contact-left p#error,
div.leave-comment p#error{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 10px;
}


div.contact-left p#success,
div.leave-comment p#success{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #e1820b;
	margin-bottom: 10px;
}

/* FONT STYLES ------------------------------------------------------------*/


div#main p.boxed-dotted{
	background: white;
	padding: 5px;
	border: 2px dotted gray;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#main p.boxed-dashed{
	background: white;
	padding: 5px;
	border: 2px dashed gray;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


div#main p.boxed-important{
	background: #e3b438;
	padding: 5px;
	border: 2px solid #801409;
	color: #801409;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#main p.boxed-blue{
	background: #dfeefa;
	padding: 5px;
	border: 2px solid #4a5761;
	color: #4a5761;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.list li{
	margin-left: 20px;
	list-style: disc;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	color: #665d4e;
	border-bottom: 1px solid gray;
}

ol.list li{
	margin-left: 20px;
	list-style-type: decimal;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	color: #665d4e;
	border-bottom: 1px solid gray;
}

/* TOGGLE & ACCORDION ------------------------------------------------------------*/


h5.accordion-trigger,
h5.toggle-trigger {
	padding: 0 0 0 45px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 100%;
	float: left;
	background-image: url(../img/toggle-button1.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-family: CaviarDreamsRegular;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9B9B9B;
}


h5.accordion-trigger a,
h5.toggle-trigger a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

h5.accordion-trigger a:hover,
h5.toggle-trigger a:hover {
	color: #9B9B9B;
}

h5.accordion-trigger.active,
h5.toggle-trigger.active {
	background-position-x: 10px;
	background-position-y: -68px;
} 

div.accordion-container,
div.toggle-container {
	margin: 0 0 5px 0px;;
	padding: 0;
	overflow: hidden;
	width: 455px;
	clear: both;
}

div.accordion-container .block,
div.toggle-container .block {
	padding: 10px; 
}


div.accordion-container .block p,
div.toggle-container .block p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #000;
}
/* FOOTER ------------------------------------------------------------*/


div#footer{
	width: 100%;
	padding-top: 20px;
	margin-top: 0px;
	background-repeat: no-repeat;
	/* [disabled]background-color: #000; */
	/* [disabled]background-image: url(file:///E|/BPLGIFTS%20WEB/plantillas/cream/www2/img/bottom-bg.png); */
}


div#footer a{
	color: #9B9B9B;
}

div#footer ul#follow li p{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	font-weight: bold;
}


div#footer div#footer-wrapper{
	position: relative;
	width: 960px;
	/* [disabled]min-height: 200px; */
	margin: 0 auto;
	/* [disabled]background-image: url(file:///E|/BPLGIFTS%20WEB/plantillas/cream/www2/img/bottom-bg.png); */
	background-repeat: no-repeat;
	/* [disabled]background-position: center bottom; */
}


div#footer div#footer-wrapper ul#follow{
	display: block;
	position: absolute;
	width: 244px;
	height: 56px;
	top: -80px;
	left: 358px;
	background: url(../img/follow-bg.png) no-repeat;
}

div#footer div#footer-wrapper ul#follow li{
	display: block;
	float: left;
	margin-left: 17px;
	margin-top: 10px;
}


div#footer div.footer-bottom{
	margin-top: 30px;
	overflow: hidden;
	width: 960px;
	/* [disabled]border-top-width: 1px; */
	/* [disabled]border-top-style: dashed; */
	/* [disabled]border-top-color: #FFF; */
}

div#footer div.footer-bottom p.legal{
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	height: 30px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-left: 50px;
	font-family: Helvetica, sans-serif, Arial;
	margin-top: 5px;
}


p.footer {
	text-align:center;
	font-size:11px;
	/* [disabled]border-top:1px dashed #b1b1b1; */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
}