/*************** PRESETS ****************/


/*h1{display:block;position:absolute;top:30px;left:210px;font-size:25px;color:white;margin:0;padding:0;font-family:Arial, Sans-serif;}*/
h1{margin:0;padding:0;position:relative;}
h1 a{display:block;position:relative;width:1000px;height:120px;color:#fff;text-decoration:none;}
h1 a:hover{color:#fff;}
h1 a span.titulo{display:block;padding-top:30px;margin-left:20px;}
small{font-size:11px;display:block;padding:12px 0 0 15px;width:550px;margin-left:220px;}
span.home{font-size:9px;position:absolute;top:45px;left:460px;width:44px;padding:5px 0 0 0;text-transform:none;}
h2{font-size:15px;margin:15px 0 20px 0;padding:0;color:#000;border-bottom:1px solid black;text-transform:uppercase;}
h3{font-size:12px;color:#a11111;background:url(img/littlebubbles.jpg) 0 50% no-repeat;line-height:37px;padding-left:35px;margin:0;}
h3.discreto{font-size:11px;color:#000;background:none;}
a{text-decoration:none;color:#227}
a:hover{color:#000}
h3 a{color:#a11111;text-decoration:underline;}
p{margin-left:35px;margin-right:10px;font-size:11px;}
p.asterisco{margin-top:20px;font-style:italic;}
h4{font-size:11px;color:black;margin-left:35px;}
p a, ul li a{text-decoration:underline;}
a img{border:0;}


/*************** LAYOUT ****************/

body{margin:0;padding:0;text-align:center;position:relative;width:100%;background:#888;color:#000; }
div#cabecera{background:#a11111;margin-bottom:3px;}
div#contenedor{position:relative;text-align:left;margin:0 auto;padding:0;width:1000px; background:#000 url(img/foot.jpg) 0 100% repeat-x;border:1px solid #888;}
img#logo{float:left;}
div#address{position:relative;float:none;clear:both;text-align:right;color:#fff;padding:7px 10px 7px 0;font-style:normal;background:#000 url(img/productions.jpg) 6px 0 no-repeat;margin:0;}
q.fact{position:absolute;top:5px;right:10px;width:150px;text-align:right;color:#fff;font-size:10px;font-weight:bold;}
div#video{padding:0 0 0 130px;margin:0;}
div#izquierda{float:left;position:relative;background:#000;}
div#derecha{margin-left:456px;margin-bottom:30px;width:539px;padding:20px 0 20px 0;background:#fff;}
div#contenido{padding:0 40px 0 30px;position:relative;min-height:470px;height:auto !important;height:470px;}
div#contenidositemap{padding:0 40px 40px 30px;}
div#contenidoanimation{padding:0 40px 300px 30px;}
div#contenidostreaming{padding:0 40px 70px 30px;}
div#contenidodvdcd{padding:0 40px 330px 30px}
div#contenidoarticles{padding:0 40px 0 30px;position:relative;min-height:660px;height:auto !important;height:660px;}
div#contenidocases{padding:0 40px 0 30px;position:relative;min-height:660px;height:auto !important;height:660px;}
div#phone{position:absolute;top:100px;right:0;font-size:14px;color:#a11111;background:#fff url(img/edge.jpg) 0 0 no-repeat;font-weight:bold;padding:0 10px 0 50px;line-height:20px;}
div#foot{position:absolute;bottom:5px;left:0px;color:#fff;text-align:center;width:100%;}
div#foot a{color:white;text-decoration:underline;}
div#flashcontent{position:absolute;top:285px;left:5px;margin:0;padding-top:8px; background:#000 url(img/belowvideo.jpg) 0 0 repeat-x;width:446px;height:200px;}
a.homelink img{border:0;}

/******************** MIGA PAN ***********************/

div#miga{position:relative;margin:-15px 0 30px -20px;padding:0;}
div#miga a{color:#338;text-decoration:underline;}
div#miga a:hover{color:#000;}


/*************** TYPOGRAPHY ****************/

body{font-family:Verdana, Arial, sans-serif;font-size:11px;}
q.fact{font-style:italic;}
strong.destacado{display:block;padding:20px 25px 20px 35px;text-align:center;color:#000;}
strong.topdestacado{display:block;padding:20px 10px;text-align:center;color:#000;}
strong.topdestacado2{display:block;padding:0px 10px 20px 0;margin:0;text-align:center;color:#000;}

/*************** DETAILS  ****************/

a.mail{padding-left:20px;color:#fff;text-decoration:underline;}
a.mail:hover{color:#fff;}


/*************** MAIN MENU  ****************/

ul#main-menu{position:relative;width:120px;background:#a11111;list-style-type:none;margin:0 0 0 5px;padding:11px 0px;text-align:center;float:left;height:259px;}
ul#main-menu li{text-align:center;margin:7px 0;}
ul#main-menu li a{color:#fff;border:1px solid #fff;display:block;width:90px;margin:0 auto;position:relative;padding:3px;text-decoration:none;font-weight:bold;font-size:11px;}
ul#main-menu li a:hover{background:#fff;color:#a11111;}
ul#main-menu li a.active{background:#eb0;color:#00a;}

/***************   CLIENTS  *****************/

ul.clients{list-style-type:circle;margin-left:35px;line-height:1.6em;}


/***************   CONTACT  *****************/

ol.contact{margin-left:40px;line-height:1.6em;}
form fieldset{border:0;}
label{display:block;margin:10px 0 3px 70px;}
span.dato{display:block;}
legend{font-size:12px;color:#a11111;background:url(img/littlebubbles.jpg) 0 50% no-repeat;line-height:37px;padding-left:35px;margin:0 0 0 -10px;font-weight:bold;}
em.privacy{display:block;width:350px;margin:20px 0 20px 40px;}
input.btn{display:block;margin:0 auto;background:#a11111;color:#fff;border-bottom:2px solid #300;border-right:2px solid #300;padding:3px 7px;}
dl{margin: 20px 0 20px 35px;}
dt{font-weight:bold;margin-bottom:10px;}
dd{margin:10px 20px;}
div.map{position:absolute;top:95px;right:30px;}
img.mapa-peq{width:200px;}
a img.mapa-peq{border:2px solid #a11111;}
a img.mapa-peq:hover{border:2px solid #dda;}
p.map{padding:0;margin:0 0 0 20px;}
input.backbtn{margin:40px 0 0 35px;display:block;}
p.formlink{font-weight:bold;font-size:12px;}

/****************** SERVICES ********************/

ul.output{margin:15px 0 15px 30px;line-height:1.6em;list-style-type:circle;}
ul.services{list-style-type:none;margin:40px auto;padding:0;width:60%;}
ul.services li a{display:block;margin:20px;text-align:center;border:1px solid #227;padding:5px 10px;text-decoration:none;font-weight:bold;}
ul.services li a:hover{background: #a11111;color:white;font-weight:bold;border:1px solid #fff;}

ul.prices{margin:0 0 0 70px;padding:0;list-style-type:circle;}
span.total{color:#a11111;font-weight:bold;font-size:12px;padding:10px 0;margin:10px 0 10px 60px;line-height:50px;}
span.pricetotal{color:#000;font-size:11px;font-weight:bold;}
span.nota{display:block;margin:20px 0 10px 30px;}


/****************** ARTICLES ********************/

ul.articles{list-style-type:circle;}
ul.articles li{line-height:30px;font-weight:bold;}
ul.articles li a{font-size:12px;}
ul.articles li a:hover{color:#000;}
dl.articles{margin:0 0 30px 40px;padding:0;}
dt.term{margin:20px 0 10px 0;}
dd.def{margin:0;padding:0;}

/***************** WEB COMMERCIALS *********************/ 

ul.package{list-style-type:circle;margin-left:40px;}
ul.package li{margin:5px;}
p.preciopackage{font-weight:bold;margin-left:50px;}
span.preciopackage{font-weight:bold;font-size:12px;}


/******************* CASE STUDIES ********************/

h3.caselist{background:none;color:black;padding:15px 35px;margin:0px;text-align:center;float:left;}
h3.caselist a{text-decoration:none;}
h3.caselist span.casename{display:block;margin:0px 0px 0 0px;padding:0;width:150px;text-transform:uppercase;font-size:11px;}
h3.caselist img{display:block;border:2px solid #000;}
h3.caselist a:hover img{border:2px solid #eb0;margin:0;padding:0;}
div#flashvideo{text-align:center;margin:30px 0 20px 0;padding:0;}

/******************** VIDEO OUTPUT *******************/

ul.output{margin:5px 0 5px 70px;padding:0;}


/********************* SITEMAP ************************/

ul#sitemap{list-style-type:circle;}
ul#sitemap li{margin:12px 0;}
ul#sitemap li a{margin:0 5px 0 0;}
ul#sitemap li dl{margin:10px 0 25px 30px;}
ul#sitemap li dl dt{font-weight:normal; float:left;margin:0;padding:0;}
ul#sitemap li ul{margin-bottom:25px;}
ul#sitemap li dl dt a, ul#sitemap li ul li a{color:#a11111;}