article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }

.left {float:left}
.right {float:right}
.sep {width:1102px;overflow:hidden; min-width:889px;}
body {background: #000;font:14px Arial, Helvetica, sans-serif;line-height:20px;width:1100px;margin:0px auto;color:#fff;}

nav{background: url("../images/botonera.png") no-repeat ; background-position: 10px 40px;width:100%;
margin-left:120px;}

.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}

.contenedor {margin:0 auto;width:100%;background:#000 url("../images/lam.png") 820px 70px no-repeat;color:#000;}

a {color:#000;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
.col1{background:url("../images/hoja.png")no-repeat; width:660px;height:1090px;margin-left:110px;padding-top:0px;}

.col1 h2{margin-top:110px;position:relative;float:left;margin-left:20px;width:400px;padding-left:30px;}

.col1 .corto{margin-top:110px;letter-spacing:-1.5px;background:url(../images/bg_box1.png) 0 0 no-repeat;text-shadow:none;font-size:32px;margin-left:20px;}

.col1 .pad .contact {width:400px;margin-top:10px;position:relative;float:left;}

.hs{margin-left:50px;line-height:15px;}

h1 {padding:42px 0 0 72px}

h2 {font-size:34px;color:#222;line-height:55px;background:url(../images/bg_box1.png) 0 0 no-repeat;padding-left:22px;display:block;overflow:hidden}

.col1 .recursos {margin-top:0px;padding:0px;position:relative;float:left;margin-left:20px;letter-spacing:-1px;width:100%;padding-left:30px;}

.col2{position:relative;float:left;margin-left:-20px;}

.col2 .trabajos{margin-left:30px;position:relative;float:left;background:url(../images/latest_works.png) no-repeat;width:191px;height:83px;text-indent:-9999px;margin-bottom:1px;margin-top:100px;padding:0px;}

.col2 .tweet{background:url(../images/tweets.png) right 0 no-repeat;font-size:30px;color:#fff;height:61px;line-height:55px;letter-spacing:-2px;margin-right:0px;margin-top:5px;position:relative;float:left;
width:240px;padding-left:12px;
margin-left:0px;margin-bottom:10px;}

p{text-indent:0px;}

header {width:100%;height:220px;overflow:hidden;}

h5 {font-size:30px;line-height:1.2em;color:#fff;padding:124px 0 14px 0}
p {padding-bottom:10px}


#logo {display:block;background:url(../images/logo.png) no-repeat;width:494px;height:52px;text-indent:-9999px;margin-left:145px;margin-top:0px;}

#logoAnim{display:block;width:500px; height:60px;margin-top:60px;margin-left:70px;}

#mgd{display:none;width:116px;position:relative;float:right;}
#guion{width:15px;height:52px;position:relative;float:left;display:none;}

#menu {padding:53px 0 0 34px;height:51px;margin-left:15px;}
#menu li {float:left;padding-right:42px}
#menu li a {display:block;text-transform:capitalize;font-size:24px;color:#05080a;line-height:1.2em;text-decoration:none;}
#menu li span {font-size:30px;display:inline-block;margin-top:-4px}
#menu li a:hover, #menu #menu_active a {color:#6a0000;}
#menu #menu_active a {font-size:26px;margin-top:-4px;padding-top:0px;}
.addthis_button_tweet{color:#000;}


#content {margin-bottom:30px;}
.pad_left1 {padding-left:12px;position:relative;float:left;margin-top:0px;padding-bottom:0px;margin-left:10px;}
#page2 .pad_left1 .font2{margin-left:0px;}
.pad_left1 .color{margin-top:0px;}

.pad_left2 {padding-left:40px;}

#scrollbar1 { width: 525px; margin: 170px 50px 10px;}

#scrollbar1 .viewport { width: 500px; height: 610px; overflow: hidden; position: relative;padding-bottom: 30px;margin-bottom:30px;}

#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin-top:0px; width:479px;color:#000;}

#scrollbar1 .scrollbar{ background: transparent url(../images/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px;}

#scrollbar1 .track { background: transparent url(../images/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:31px; position: relative; padding: 0 1px; }

#scrollbar1 .thumb{ background:transparent url(../images/images/btn.png) no-repeat ; width:19px;height:31px;  cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px;}

#scrollbar1 .thumb .end { background: transparent url(../images/images/bg-scrollbar-thumb-y.gif) no-repeat 50% 0; overflow: hidden; height: 5px; width: 15px;}

#scrollbar1 .disable { display: none; }

.overview  h3{font-size:17px;}
.overview .valores {color:#C30203;letter-spacing:2px;font-size:15px;text-shadow:0 0 7px #fff;}

.overview .valores:hover{color:#fff; text-shadow:0 0 7px #C30203;}

.pDetalle{ font-size:12px; }
.valores, .pDetalle{margin-left:30px;}

.resaltado{color:#333;font-style:italic;font-weight:bold;}
.pad {width:500px;margin-left:30px;padding:0px;}
.resaltado2{width:460px;margin-left:20px;color:#ab0000;font-weight:bold;font-style:italic;text-align:justify;}

.pad_bot1 {padding-bottom:0px;margin-left:10px;}

.marg_right1 {margin-right:10px}
.pad_top1 {padding-top:15px} 
#slider {margin-top:6px;height:260px;width:100%;overflow:hidden;background:url(../images/bg_slider.png) 0 0 no-repeat;overflow:hidden;padding-bottom:14px;margin-left:30px;}
#for_img {padding-left:91px;padding-top:14px;width:342px;height:225px;overflow:hidden;padding-right:77px}
#nivo_slider{position:relative;width:342px;height:225px;z-index:88}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}

/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute;top:90px;z-index:99;cursor:pointer;text-indent:-5000px;width:52px;height:45px;display:block}
.nivo-prevNav {left:-77px;background:url(../images/marker_left.png) right 0 no-repeat}
.nivo-prevNav:hover, .nivo-nextNav:hover {background-position:bottom}
.nivo-nextNav {right:-77px;background:url(../images/marker_right.png) left 0 no-repeat}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position:absolute;z-index:99;right:0;bottom:0px;padding:10px;background:url(../images/bg_pagination.png) repeat;padding-left:222px}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;width:19px;height:19px;float:left;margin-left:3px;background:url(../images/buttons.png) no-repeat;font-size:12px;text-decoration:none;color:#fff;text-align:center;line-height:19px}
.nivo-controlNav a.active, .nivo-controlNav a:hover {color:#ab0000;font-weight:bold}
.pad.font1 {font-size:16px;text-indent:20px;padding:0px;margin:0px;margin-top:10px;}
.color, .color1{font-size:17px; color:#ab0000; margin-top:15px;text-indent:10px;}
.detalle, .detalle1{margin-top:20px; margin-left:10px;padding:0px;}

.font2 {font-size:12px;font-weight:bold;color:#ab0000;margin-top:10px;}
.font2 li{background:url(../images/marker_3.png)no-repeat;line-height:22px;padding-left:32px;color:#000; }

.ul_works {padding-bottom:3px;margin-left:0px;position:relative;float:left; width:100%;margin-top:10px;}

.ul_works li {padding-bottom:5px;margin-left:0px;}

.ul_works .ulTrabajos{padding-left:0px;padding-top:0px;padding-bottom:10px;margin-left:0px;}

.col2 .tweets {color:#fff;margin-top:0px;margin-left:0px; width:360px;}
.tweets .sep{margin-top:0px;position:relative;padding-left:10px;float:left;height:270px;}
.tweets a {text-decoration:none;color:#ab0000}
.tweets a:hover {text-decoration:underline}
.img1 {padding-top:12px;}

.img1 figure {float:left;margin-right:24px;padding-left:30px}
.list2 {padding:10px 0 15px 0;margin-top:10px}
.list2 li {line-height:30px;background:url(../images/marker_2.png) 0 5px no-repeat;padding-left:34px;}

.link1 {display:inline-block;font-size:12px;font-weight:bold;text-decoration:none;padding-left:30px;background:url(../images/marker_3.png) 1px 0 no-repeat;margin-top:5px}
.link1:hover {color:#000}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block}
.lightbox-image img {position:relative;z-index:2}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/magnify.png) no-repeat 50% 50%;z-index:1}
.pp_description {padding-bottom:0;color:#ab0000;}
.pp_bottom{height:70px;}
.pp_nav{padding-bottom:7px;}

#page2 .pad_top2 {padding-top:20px;padding-right:30px;text-align:center;font-size:16px;color:#ab0000;width:500px;}
#page2 .col3{margin-left:30px;margin-top:10px;}
#page2 .col3 .pad {padding:5px 0 0 8px}
#page1 .pad{padding:0px;}
#page1 .col3 .sep{margin-top:0px;width:240px;}

#page1 .cols{margin-top:0px;font-size:18px;margin-left:0px;position:relative;float:left;color:#ab0000;padding:0px;}

#page1 .sep .parrafo  {
line-height:15px; 
margin-left:35px;
margin-top:24px;
font-size:1em;width:210px;
text-align:left;
}
#page3 .pad_bot1 {margin-top:0px;padding:0px;margin-left:38px;margin-bottom:0px;}
#page3 .pad_bot1 .cols{margin-top:0px;padding:0px;}
#page3 .pad_bot1 .cols .lightbox-image, #page3 .cols_pad_left1 .lightbox-image{margin-top:5px;}

#page3 .pad_bot1 .color, #page3 .pad_bot1  .color1, #page .cols_pad_left1 .color1{text-indent:10px;margin-top:5px;width:240px;}

#page3 .pad_bot1 .detalle, #page3 .cols_pad_left1 .detalle{margin-top:5px;float:left;}

#page3 .cols_pad_left1{margin-top:0px;margin-left:20px;position:relative;float:left;width:240px;}

#page3 .sitios{position:relative;float:left;margin-left:20px; text-indent:10px;width:285px;margin-top:10px;}

/* footer */
footer {width:100%;overflow:hidden;padding:0px;margin-left:110px;position:relative;float:left;background:transparent;margin-top:-20px;}
footer .wrappers{width:100%; position:relative;float:left;}
footer .sube{width:200px;margin-top:0px;padding-top:0px;text-indent:20px;}
footer a:hover{color:blue;}

.list1 li {line-height:30px}
.list1 a {color:#fff;text-decoration:none;padding-left:15px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover {color:#ab0000}
.icons li {line-height:30px}
.icons a {color:#fff;text-decoration:none}
.icons a:hover {color:#ab0000}
.icons img {float:left;margin-right:14px;margin-top:7px}

.seguinos{width:310px;margin-top:0px;padding:0px;position:relative;float:left;
}
.seguinos ul li{display:inline-block; margin-left:20px;}
#newsletter {background:transparent url(../images/newsletter_bg2.png) no-repeat;width:320px;margin-left:65px;height:254px;margin-top:0px;background-position:0px 30px; position:relative;float:left;}

#newsletter h5 {padding-top:0px;padding-left:15px;margin-top:0px;}

.email {padding-left:0px;padding-top:0px;color:#000; width:170px;margin-top:19px;margin-left:43px;position:relative;float:left;background:transparent;}
#errores{color:red;margin-top:10px;width:350px;position:relative;float:left;margin-left:15px;}
#errores span{color:red;}
#newsletter .sep { width:290px;position:relative;float:left;}

#newsletter .enviar {font-weight:bold;color:#fff;text-decoration:none;margin-top:20px;background:transparent;position:relative;float:left; width:270px;}
#newsletter .enviar:hover{color:#05E6E7;}

#myCanvasContainer{width:240px;height:140px;margin-left:30px;position:relative;float:left;}

#myCanvas{margin-left:0px;width:100%; }

.privacy {float:left;padding-left:15px;width:350px;font-size:12px;color:#a3a3a3;margin-top:-3px}
.privacy a {color:#fff;text-decoration:none}
.privacy a:hover {text-decoration:underline}

.footer_logo {font-size:26px;line-height:1.2em;color:#fff;text-transform:uppercase;margin-top:-60px;position:relative;float:left; text-align:center;width:912px; z-index:4;}
.footer_logo span {color:#ab0000}
.footer_logo img{ position:relative;float:right;}
/* forms */
#page5 .sep .col1 .pad .sep{padding-top:30px;margin-left:30px}
#page5 .sep .col1 .pad{margin-top:0px;padding-top:0px;}
#page5 .pad {padding:0px;}
.red{color:red;}
.contForm  .consulta{padding-top:0px;margin-top:20px;width:500px;}

.contForm{position:relative;float:left;padding:0px;margin:0px;}

#ContactForm {padding:0px 0 0 25px;width:497px;position:relative;float:left;margin-left:30px;margin-top:20px;}
#ContactForm .sep {width:500px;}
#ContactForm .textarea_box {height:356px;resize:none;padding:4px 10px}
#ContactForm label {font-weight:bold;width:121px;float:left;line-height:36px}
#ContactForm .submit{float:right;background:url(../images/enviar.png) no-repeat;width:119px;height:38px;text-indent:-9999px;margin-top:15px}
#ContactForm .input {width:356px;height:18px;background:url(../images/bg_form.png) repeat;padding:4px 10px;color:grey;font:12px Arial, Helvetica, sans-serif;margin:0}
#ContactForm textarea {width:356px;background:url(../images/bg_form.png) repeat;color:grey;font:12px Arial, Helvetica, sans-serif;margin:0px;}
#erroresE{width:250px;color:red;margin-left:20px;}