/* CSS Grupo Brenes Pozuelo */

body, html, img, h1, h2, h3, h4, h5, p, dl, dd, dt { margin:0; padding:0; font:10px Verdana, Arial, Helvetica, sans-serif; color:#000; border:0;}

/*COntaineRs-WraPPErs*/
.container{ margin:auto; width:756px; margin-top:30px;}
.footer2{ height:18px; margin-top:80px;}
.header-lg{ background:url(../images/bg-header.jpg) repeat-x; height:68px; width:750px; margin:15px 0;}
.col1{ float:left; width:157px;}
.col1-b{ float:left; width:157px; height:430px; background:#000000;}
.col1-c{ float:left; width:157px; background:#000000;}
.cont1{ float:left; width:550px; padding:8px 20px;}
.box1{margin-bottom:5px;}
.box2{ display:none; border:1px solid #999999; padding:10px; }
.box-cont{ padding-top:20px;}

/*NAv- MenuS*/
.nav-gbp {margin:0; padding:10px 0 0 0; height:30px;}
.nav-gbp ul{margin:0; padding:0;}
.nav-gbp li{ display:inline; list-style:none; font-size:10px; text-transform:uppercase; text-decoration:none; padding:0; text-align:center; font-weight:bold;}
.nav-gbp li a:link{ display:inline; list-style:none; color:#000000; text-decoration:none;}
.nav-gbp li a:visited{ display:inline; list-style:none; color:#000000; text-decoration:none;}
.nav-gbp li a:hover{ display:inline; list-style:none; color:#3bddf4; text-decoration:none;}


.menu1 { background:#000000; height:22px; padding:8px 0 0 20px; margin:4px 0 0 0;}
.menu1 ul{margin:0; padding:0; white-space:nowrap;}
.menu1 li{ display:inline; list-style:none; font-size:10px; text-transform:uppercase; text-decoration:none; padding:0 29px 0 0; text-align:center; margin:0;}
.menu1 li a:link{ display:inline; list-style:none; color:#fff; text-decoration:none;}
.menu1 li a:visited{ display:inline; list-style:none; color:#fff; text-decoration:none;}
.menu1 li a:hover{ display:inline; list-style:none; color:#3bddf4; text-decoration:none;}

.nav-t{ height:20px;}
.nav-t a:link{font-size:10px; text-transform:uppercase; text-decoration:none; text-align:center; font-weight:bold; color:#000000; padding-left:20px;}
.nav-t a:visited{font-size:10px; text-transform:uppercase; text-decoration:none; text-align:center; font-weight:bold; color:#000000; padding-left:20px;}
.nav-t a:hover{font-size:10px; text-transform:uppercase; text-decoration:none; text-align:center; font-weight:bold; color:#3bddf4; padding-left:20px;}


/*SpacES - BreaTHEs- imagEs*/
.sqr { padding:0; margin:0;}
.breathe1{ padding:80px 0 0 0;}
.breathe2{ padding:10px 0 0 0;}
.breathe3{ padding:76px 0 0 0;}
.breathe4{ padding:0 0 10px 0;}
.breathe5{ padding:0 0 0 30px;}
.breathe6{ padding:20px 50px 0 0;}
.space1{ height:16px; margin-bottom:5px;}
dt{ padding:20px 0 10px 0; font-weight:bold; font-size:12px;}
.btn1{ background:#333333 url(../images/enviar.jpg) no-repeat; height:30px; width:100px; border:0; cursor:pointer;}
.col1 dd, .col1 h2 { padding:10px 0 0 4px;}


/*TypE- FONt*/
.selec { color:#3bddf4;}
.fot1{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#000;}
p{ line-height:20px; padding-bottom:10px;}
h2{ text-transform:uppercase; font-weight:bold;}
h3{ text-transform:uppercase; font-weight:bold; font-size:14px;}
.grac{ font-size:16px; font-weight:bold; padding:60px 0; }
.txt1{ color:#FF0000; font-weight:bold;}


/*LInks*/
a:link{list-style:none; color:#000000; text-decoration:none;}
a:visited{list-style:none; color:#000; text-decoration:none;}
a:hover{list-style:none; color:#666666; text-decoration:none;}

.col1-b dd a:link{ color:#FFFFFF;}
.col1-b dd a:visited{ color:#FFFFFF;}
.col1-b dd a:hover{ color:#3bddf4;}


/*jCarrousel */
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2;padding: 0;margin: 0;overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0;  left: 0;  margin: 0; padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */width: 438px; height: 221px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}


/*SLIDESHOW*/
#loader{background-color: white; display: inline; float: left; height: 235px; overflow: hidden; margin: auto; width: 410px; position: relative; text-align: center;}
#loader img{width: 100%; height: 100%;}
.loading{background: url(../images/loadingIcon.gif) no-repeat 50% 50%;height: 100%;width: 100%;}
.img1{border: none;padding: .5em 1em;width: 100px;}
#imageOptions{background-color:#FFFFFF; float: right; height: 235px; margin: 0 auto; width:140px; padding: 0; overflow:auto;list-style-type: none;}
#loader h3{text-transform:uppercase; font-weight:bold; font-size:10px; color:#666666; text-align:center; padding-top:90px;}