@charset "utf-8";
/* CSS Document */
img {border:none;}
a {text-decoration:none; color:#666666;}
a:hover { text-decoration:underline}
a.pink {text-decoration:none; color:#666666;}
a.pink:hover { color:#ED477D;}
a.green {text-decoration:none; color:#666666;}
a.green:hover {color:#70B00F;}
p {clear:both; font:12px/18px Lucida Sans, Arial, Helvetica, sans-serif; color:#666666; margin:0;}
p.small {font: 11px Lucida Sans, Arial, Helvetica, sans-serif; color:#666666; margin:0;}
p.xsmall {font: 9px Lucida Sans, Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:3px 0 0 0;}
.pink {color:#ED477D;}
.green {color:#70B00F;}
ol, ul {font-size: 12px; margin: 20px 0 20px 20px; padding: 0;}
ol.towcols, ul.towcols {font-size: 12px; margin: 20px 0 20px 20px; padding: 0; }
li.bulletgreen {list-style:url(../img/bullet_green.gif) none; font:12px/18px Lucida Sans, Arial, Helvetica, sans-serif;}
li.bulletpink {list-style:url(../img/bullet_pink.gif) none; font:12px/18px Lucida Sans, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4 {margin:0; font-weight:normal;}
h1 {margin:0 0 10px 0; font:26px/30px Lucida Sans, Arial, Helvetica, sans-serif;}
h2 {margin:0 0 10px 0; font:18px/26px Lucida Sans, Arial, Helvetica, sans-serif;}
form {margin: 0; padding: 0; border: 0;}
input, textarea, select {font:12px Lucida Sans Unicode; color:#666666;}
blockquote {}
code {}
.separador {color:#575757; padding:0; margin:8px 0 8px 0; border-bottom:1px solid #CCCCCC;}

body {background: url(../img/bg_gradient.jpg) repeat-x top; margin:0; font:Lucida Sans, Arial, Helvetica, sans-serif; color:#666666;}
#container {width:1145px; overflow: hidden; _height:100%; margin:0 0 0 20px; position:relative;}
#cuerpo {float:left; width:804px;}
#solapaCuerpoLeft {float:left; width:241px; position:relative; z-index:0; text-align:right;}
.nubesleft {position:absolute; left: 0px; top: 4px; z-index:100000!important;}

#solapaCuerpoRight {float:right; width:100px; position:relative; }
.nube {position:absolute; left: -14px; top: 62px; z-index:5000;}
.nubesright {position:absolute;	left: 18px; z-index:1000;}

#header {position:relative; width:804px; height:121px; background: url(../img/bg_header.gif) bottom no-repeat; z-index:0;}
.sloganTop {margin:0; text-align:center; background:url(../img/slogan-top.gif) bottom no-repeat; height:43px;}
.sloganTop span {display:none;}
.logo {position:absolute; left: -45px; top: 27px; z-index:10;}


/* MENU */
#menu {float:left; width:222px; margin:15px 0 20px 0;}
#menu h1, #menu h2 {margin:0!important;}
#menu a {display:block; height:42px; margin:0 auto; color:#747474;}
#menu a:hover, #menu a:active {color: #FFFFFF;}
#menu a span {display:none;}

a.home {background: url(../img/home.gif) no-repeat left;}
a.home:hover {background: url(../img/home.gif) no-repeat left #F2F2F2;}
a.homeactive {background: url(../img/home_a.gif) no-repeat left #ED477D;}

a.about {background: url(../img/about.gif) no-repeat left;}
a.about:hover { background:url(../img/about.gif) no-repeat left #F2F2F2;}
a.aboutactive {background: url(../img/about_a.gif) no-repeat left #ED477D;}

a.whatwedo {background: url(../img/whatwedo.gif) no-repeat left;}
a.whatwedo:hover {background: url(../img/whatwedo.gif) no-repeat left #F2F2F2;}
a.whatwedoactive {background: url(../img/whatwedo_a.gif) no-repeat left #ED477D;}

a.work {background: url(../img/work.gif) no-repeat left;}
a.work:hover  {background: url(../img/work.gif) no-repeat left #F2F2F2;}
a.workactive {background: url(../img/work_a.gif) no-repeat left #ED477D;}

a.contact {background: url(../img/contact.gif) no-repeat left;}
a.contact:hover {background: url(../img/contact.gif) #F2F2F2;}
a.contactactive {background: url(../img/contact_a.gif) no-repeat left #ED477D;}

a.blog {background: url(../img/blog.gif) no-repeat left;}
a.blog:hover {background: url(../img/blog.gif) no-repeat left #F2F2F2;}
a.blogactive {background: url(../img/blog_a.gif) no-repeat left #ED477D;}

a.partners {background: url(../img/partners.gif) no-repeat left;}
a.partners:hover {background: url(../img/partners.gif) no-repeat left #F2F2F2;}
a.partnersactive {background: url(../img/partners_a.gif) no-repeat left #ED477D;}

/* CUERPO HOME*/
#contenidosHome {float:left; width:582px; height:373px; background:url(../img/bg_home_videos.jpg) no-repeat top; position:relative;}

.videos {position:absolute; width:269px; height:216px; background:#000000; left: 175px; top: 63px;}
p.VideoTitle {position:absolute; left: 170px; top: 17px; width: 290px;}
.videobtns {position:absolute; left: 451px; top: 68px; width:45px; height: 134px;}
.videobtns a {display:block; height:45px; width:45px; margin:0 auto; color:#747474;}
a.more span, .videobtns a span {display:none;}
a.one {background: url(../img/video_btn_01b.gif) no-repeat center;}
a.one:hover, a.one:active {background: url(../img/video_btn_01.gif) no-repeat center;}
a.two {background: url(../img/video_btn_02b.gif) no-repeat center;}
a.two:hover, a.two:active {background: url(../img/video_btn_02.gif) no-repeat center;}
a.three {background: url(../img/video_btn_03b.gif) no-repeat center;}
a.three:hover, a.three:active {background: url(../img/video_btn_03.gif) no-repeat center;}

.moreVideos {position:absolute; width:65px; height:19px; top: 313px; left: 421px;}
.moreVideos a.more {display:block; background: url(../img/btn_morevideos.gif) no-repeat center; width:65px; height:19px; left: 382px;}
.moreVideos a.more:hover, .moreVideos a.more:active {background: url(../img/btn_morevideos-b.gif) no-repeat center; width:65px; height:19px; left: 382px;}


/* CUERPO INTERIORES*/
#contenidosInteriores {float:left; width:502px; padding:20px 20px 40px 40px; overflow:hidden; _height:100%;}

/* contact */
#contenidosContact {float:left; width:582px; background:url(../img/bg_contact.jpg) no-repeat top; position:relative;}
.contactContainer {margin:0; height:350px;}
.textpetra {clear:both; width:430px; margin:0 auto 20px auto;}
p.contactmail, p.contactaddress, p.contactphone, p.contacttwitter {position:absolute;width: 130px;}
p.contactmail {left:359px;	top: 93px;}
p.contactaddress {left:360px; top: 123px;}
p.contactphone {left:363px;	top: 191px;}
p.contacttwitter {left:362px; top: 228px;}
.contactform {position:absolute; left: 93px;	top: 68px;	width: 225px;	height: 230px;}
form#contact {}
form#contact textarea, form#contact input {width:200px; margin-bottom:5px;}
.error {background-color: #ffcccc;}

/* sitemap */
.sitemap {position:absolute; left: 867px; top: 139px;}

/* work */
#contenidosWork {float:left; width:522px; padding:15px 0 40px 40px; overflow:hidden; _height:100%;}
.topHeader {}
.workDescription {padding:5px 70px 0 38px;}
.workDescription p {font:12px/18px Lucida Sans, Arial, Helvetica, sans-serif; color:#4B4B4B;}
.worksFrame {}
.worksFrame .mid {background:url(../img/video_frame.gif) top no-repeat; float:left; width:326px; height:264px; position:relative;}
.mid .work {position:absolute; width:270px; height:216px; left:24px; top: 26px; background: #000000;}
.worksFrame .left {float:left; width:59px; margin:80px 10px 0 10px;}
.worksFrame .right {float:left; width:58px;margin:80px 0 0 0}
.allvideos {clear:both; width:470px; margin:10px 0 0 0; padding:20px 40px 0 40px; border-top:1px solid #CCCCCC;}
.allvideos h2 {color:#ED477D; margin:0; font:12px Lucida Sans, Arial, Helvetica, sans-serif; font-weight:bold; }
.allvideos .name {font:12px Lucida Sans, Arial, Helvetica, sans-serif; padding:5px 10px 0 0;}
.botvideos {clear:both; padding:10px 0 0 0; background:url(../img/bot_videos.gif) left no-repeat; height:46px;}
.titPartners{clear:both; background:url(../img/tit_partners.gif) center no-repeat; height:79px;}
.titClients{clear:both; background:url(../img/tit_clients.gif) center no-repeat; height:79px;}
.titPartners h2,
.titClients h2 {display:none; margin:0;}
.clientsLists {clear:both; padding:20px 40px 10px 40px;}
h3.catClients {color:#575757; font:12px Lucida Sans, Arial, Helvetica, sans-serif; padding:0 0 5px 0; border-bottom:1px solid #CCCCCC;}
.logoClient { float:left; text-align:center; padding:10px 0px;}
.logoClient  p {clear:both; text-align:center;}

/* FOOTER */
#footer {clear:both; position:relative; border-top:1px #666666 solid; border-bottom:2px #666666 solid; background:url(../img/bg_footer.gif) no-repeat center; height:60px;}
.tel {position:absolute; left: 279px; top: 16px; width: 102px;}
.mail {position:absolute; left: 450px; top: 16px;}
.address {position:absolute; left: 674px; top: 16px;}
#footerLegal  {clear:both; text-align:center; font: 10px Lucida Sans, Arial, Helvetica, sans-serif; padding:10px 0; background:url(../img/footer_guarda.gif) no-repeat bottom; height:45px;}