
/* --- Resets --- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1;
}

:focus
{
    outline: 0;
}

ol, ul
{
    list-style: none;
}

.hide
{
    display: none;
}

strong
{
    font-weight: bold;
    color: #000;
}

.clear
{
    clear: both;
}

/* --- Basic Styles --- */

body
{
    background: url(/img/main.jpg) top center repeat;
    font: 11px/20px Tahoma, sans-serif;
    color: #545454;
}

body#subpage
{
    background: #fff url(images/bg-subbody.jpg) top left repeat-x;
}

body#subpage
{
    background: #fff url(images/bg-subbody.jpg) top left repeat-x;
}

p
{
    margin: 0 0 15px 0;
    line-height: 15px;
}

#container
{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
}

/* --- Link Styles --- */

a:link, a:visited
{
    color: #1e9be4;
    text-decoration: none;
}
a:hover
{
    color: #1e9be4;
    text-decoration: none;
}
a:active
{
    color: #1e9be4;
    text-decoration: none;
}

/* -------------------------
--------- HOMEPAGE ---------
-------------------------- */

/* --- Top Header --- */

#top
{
    height: 142px;
}

.centrado
{
    width: 900px;
    margin: 0 auto 0 auto;
}
.centrado_imagen
{
    width: 500px;
    padding-top: 20px;
    float: left;
}

.zoom
{
    background: url(images/zoom.png) bottom left no-repeat;
    margin: 0 0 0 550px;
    padding: 120px 0 0 0;
}

.zoom:hover
{
    background: url(images/zoom_hover.png) bottom left no-repeat;
}

/*#logo_homo{padding-top:15px;width:350px;}*/
#logo_homo
{
    padding-top: 4px;
    width: 350px;
}

#derecha_arriba
{
    float: right;
    margin: 0 0 0 0;
    text-align: right;
    font-size: 24px;
    padding: 45px 0 0 0;
}
#telefono_contacto
{
    margin-top: 5px;
}



/* --- Navigation --- */

#nav
{
    margin-top: 15px;
}

#nav li
{
    display: block;
    font-size: 12px;
    height: 39px;
    line-height: 15px;
    float: left;
    margin: 0 16px 0 0;
    font-weight: bold;
}

#nav li a
{
    color: #333333;
}

#nav li a:hover
{
    color: #1e9be4;
    text-decoration: none;
}

#nav li.current_page_item
{
    background-position: bottom;
}

#nav li.current_page_item a
{
    color: #000;
}

#nav li span
{
    color: #acacac;
    font-size: 10px;
}

#nav2
{
    float: right;
    background-image: url(images/iconos_redes/wordpress.jpg);
    background-repeat: no-repeat;
    background-position: 4px -2px;
    padding: 10px 0 0 30px;
    margin-top: -10px;
}

#nav2 li
{
    display: block;
    font-size: 13px;
    height: 39px;
    line-height: 15px;
    float: right;
    text-align: right;
    margin: 0 0 0 20px;
    font-weight: bold;
}
#nav2 li a
{
    color: #333333;
}
#nav2 li a:hover
{
    color: #1e9be4;
    text-decoration: none;
}
#nav2 li span
{
    color: #acacac;
    font-size: 10px;
}

#elblog .navigation a
{
    font-size: 16px;
}

#elblog .navigation .alignleft
{
    float: left;
}
#elblog .navigation .alignright
{
    float: right;
}

#elblog div.wp-paginate ol
{
    list-style-type: none;
}
#elblog div.wp-paginate ol li
{
    list-style-type: none;
}

.separador_13
{
    height: 13px;
    background-color: #1c1c1c;
}
.separador
{
    background-color: #1c1c1c;
}

/* --- Spotlight / Slider --- */

#destacado
{
    background-image: url(images/tile_featured.jpg);
    background-repeat: repeat-x;
}

#spotlight_auditoria
{
    overflow: hidden;
    position: relative;
    background-image: url(images/nubes.jpg);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding: 20px 0 0 0;
    margin-bottom: -25px;
}

#spotlight
{
    height: 315px;
    overflow: hidden;
    position: relative;
    background-image: url(images/nubes.jpg);
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

#mover
{
    position: relative;
    overflow: hidden;
    width: 8000px; /* Adjust the width based on spotlight-items number (1000*[items number]) */
}

#item
{
    width: 900px;
}

.spotlight-item
{
    margin: 0 110px 0 0;
    overflow: hidden;
    width: 950px;
    height: 500px;
    float: left;
    position: relative;
    display: inline;
    padding-top: 15px;
}

.spotlight-item h2
{
    color: #2a2a2a;
    font: 48px Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin: 0px 0 15px 0;
}

.spotlight-item p
{
    color: #444;
    font: 13px/18px Tahoma, sans-serif;
    padding: 10px 0 0 2px;
}

.spotlight-item .description
{
    margin: 170px 0 0 10px;
    width: 330px;
}

.spotlight-item img
{
    position: absolute;
    top: 0;
    left: 0;
}

.launch
{
    background: url(images/launch.png) top left no-repeat;
    display: block;
    width: 95px;
    height: 25px;
    text-indent: -9999px;
    margin: 10px 0 0 -1px;
    cursor: pointer;
}

.pause
{
    background: url(images/pause.png) top left no-repeat;
    display: block;
    width: 97px;
    height: 25px;
    text-indent: -9999px;
    position: absolute;
    bottom: 2px;
    right: 20px;
    cursor: pointer;
}

#spotlight img.preview
{
    float: right;
    padding-top: 15px;
}

#subdestacado
{
    height: 98px;
    background-color: #1c1c1c;
    margin: 10px 0 0 0;
}
#subdestacado_dentro
{
    min-height: 98px;
    background-color: #1c1c1c;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
}

#subdestacado h1
{
    font-size: 21px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
}
#subdestacado h2
{
    font-size: 21px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
}
#subdestacado h3
{
    font-size: 21px;
    color: #50a1f2;
    font-weight: bold;
    margin-top: 7px;
}
#subdestacado h4
{
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 7px;
    line-height: 20px;
}

#subdestacado_dentro h2
{
    font-size: 21px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
}
#subdestacado_dentro h3
{
    font-size: 21px;
    color: #50a1f2;
    font-weight: bold;
    margin-top: 7px;
}
#subdestacado_dentro h4
{
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 7px;
    line-height: 15px;
}


/* --- MAIN CONTENT --- */

/* --- Content: First Row --- */

#mainContent
{
}
#mainContent2
{
    margin-top: 30px;
}

#topMain
{
    padding: 13px 0 20px 0;
    overflow: hidden;
}

#who
{
    width: 543px;
    float: left;
    padding: 0 25px 0 0;
    border-right: 1px solid #e4e4e4;
}

#who img
{
    padding: 7px;
    margin: 0 25px 5px 5px;
    float: left;
}
#who h1
{
    font: 19px Tahoma, Verdana, sans-serif;
    color: #3c3c3c;
    font-weight: bold;
    margin-bottom: 10px;
}
#who h2
{
    font: 18px Tahoma, Verdana, sans-serif;
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom: 8px;
}
#who h3
{
    color: #393939;
    font: 21px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    width: 435px;
    padding: 0 0 15px 0;
}

#who p
{
    margin: 0 0 20px 0;
}

#who p.more
{
    text-align: right;
}

#who p.more a
{
    text-decoration: none;
}

#services
{
    width: 300px;
    float: right;
    padding: 0 0 0 0;
}

#services h2
{
    font: 21px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    color: #393939;
    margin-bottom: 10px;
}

#services img
{
}

#services a img
{
    border: 0;
}

#services label
{
    display: none;
}


#services li p
{
    color: #545454;
    font: 11px Tahoma, Verdana, sans-serif;
}

#services a
{
    color: #1e9be4;
    text-decoration: none;
}

#services a strong
{
    color: #1e9be4;
    text-decoration: none;
}
#services a:hover
{
    color: #1e9be4;
    text-decoration: none;
}

#who2
{
    width: 543px;
    float: left;
    padding: 0 25px 0 0;
    border-right: 1px solid #e4e4e4;
}

#who2 img
{
    padding: 0;
    margin: 0 25px 5px 0;
    float: left;
}
#who2 h1
{
    font: 23px Tahoma, Verdana, sans-serif;
    color: #3c3c3c;
    font-weight: bold;
}
#who2 h2
{
    font: 18px Tahoma, Verdana, sans-serif;
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom: 8px;
}
#who2 h3
{
    color: #393939;
    font: 21px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    width: 435px;
    padding: 0 0 15px 0;
}

#who p
{
    margin: 0 0 20px 0;
}

#services2
{
    width: 300px;
    float: right;
    padding: 0 0 0 0;
}
#services2 h2
{
    font: 21px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    color: #393939;
    margin: 40px 0 40px 0;
}
#services2 p
{
    line-height: 20px;
    font-size: 12px;
}

#modulo_compartir
{
    border-top: 1px solid #e4e4e4;
    padding: 35px 15px 0 0;
    overflow: hidden;
}

#redes_sociales
{
    width: 548px;
    float: left;
    padding: 0 25px 0 0;
    border-right: 1px solid #e4e4e4;
    min-height: 200px;
}

#redes_sociales h1
{
    font: 21px Tahoma, Verdana, sans-serif;
    color: #3c3c3c;
    font-weight: bold;
    margin-bottom: 20px;
}

#redes_sociales ul
{
    margin: 0;
    padding: 0;
}
#redes_sociales li
{
    list-style-type: none;
    float: left;
    margin-right: 7px;
}
#suscripcion
{
    width: 230px;
    float: left;
}
#formulario_feedburner
{
    float: right;
    margin-right: 8px;
}
#formulario_feedburner .introduccion
{
    width: 170px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 5px;
    margin: 8px 0 0 0;
    float: left;
}
#formulario_feedburner .introduccion:focus
{
    border: 1px solid #666666;
}
#formulario_feedburner .boton
{
    width: 100px;
    padding: 5px;
    margin: 10px 12px 0 5px;
    font-size: 0.8em;
    background: url(../../plugins/cforms/images/button-bg.gif) repeat-x;
    border: 1px solid #adadad !important;
    border-left-color: #ececec !important;
    border-top-color: #ececec !important;
    float: right;
}

#enviar_amigo
{
    width: 300px;
    float: right;
    padding: 0 0 0 0;
}

#enviar_amigo label
{
    display: none;
}


/* --- Trabajos inicio --- */

#trabajos_inicio
{
    padding: 30px 0 20px 0;
}
#separador_inicio_2
{
    height: 42px;
    background-color: #1c1c1c;
    margin: 20px 0 20px 0;
}
#separador_inicio_2 h2
{
    font-size: 21px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 0 0 10px;
}
#separador_inicio_2 h1
{
    font-size: 21px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 0 0 10px;
}

.categoria_trabajo
{
    margin-bottom: 20px;
}

.intro_trabajo
{
    width: 225px;
    float: left;
    margin: 0 10px 0 0;
}
.intro_trabajo h3
{
    font-size: 20px;
    font-weight: bold;
}

.intro_trabajo p
{
    font-size: 11px;
    color: #464646;
    padding-right: 15px;
    line-height: 15px;
}
.trabajo
{
    width: 210px;
    float: left;
    margin: 0 10px 20px 0;
}
.trabajo_video
{
    width: 630px;
    margin: 0 10px 20px 230px;
}
.foto_trabajo
{
    background-image: url(images/fondo_trabajo.jpg);
    background-repeat: no-repeat;
    padding: 8px 0 10px 8px;
}
.foto_trabajo_complementum
{
    padding: 8px 0 10px 8px;
}
.foto_trabajo_video
{
    padding: 8px 0 10px 8px;
}
.foto_trabajo img
{
    padding-top: 10px;
}
.trabajo h4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4375a6;
    text-transform: uppercase;
    margin: 0;
}
.trabajo p
{
    font-size: 11px;
    color: #464646;
    margin: 0;
    padding-right: 8px;
    line-height: 15px;
}

.foto_trabajo_video h4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4375a6;
    text-transform: uppercase;
    margin: 0;
}
.foto_trabajo_video p
{
    font-size: 11px;
    color: #464646;
    margin: 0;
    padding-right: 8px;
    line-height: 15px;
}

#contenedor_trabajos
{
    margin-left: 230px;
}

.categoria_rojo
{
    color: #b70303;
    background-image: url(images/comillas_rojas.gif);
    background-repeat: no-repeat;
    padding-left: 29px;
}
.categoria_rojo a
{
    color: #b70303;
}
.categoria_azul
{
    color: #135ca4;
    background-image: url(images/comillas_azules.gif);
    background-repeat: no-repeat;
    padding-left: 29px;
}
.categoria_azul a
{
    color: #135ca4;
}
.categoria_verde
{
    color: #4aad16;
    background-image: url(images/comillas_verdes.gif);
    background-repeat: no-repeat;
    padding-left: 29px;
}
.categoria_verde a
{
    color: #4aad16;
}

.ratings
{
    float: left;
    width: 171px;
    height: 25px;
    margin: 1px 0 0 0;
}




/* --- Carrusel categorķa --- */

#carrusel_categoria
{
    min-height: 380px;
    background-image: url(images/tile_negro_degradado.jpg);
    background-repeat: repeat-x;
    background-color: #1c1c1c;
}
#cabecera_single
{
    min-height: 380px;
    background-image: url(images/tile_featured.jpg);
    background-repeat: repeat-x;
    background-color: #FFF;
}
#elemento_video
{
    height: 450px;
    background-image: url(images/tile_negro_degradado.jpg);
    background-repeat: repeat-x;
    background-color: #1c1c1c;
}

#cabecera_complementum
{
    min-height: 80px;
    background-image: url(images/tile_complementum.jpg);
    background-repeat: repeat-x;
    background-color: #FFF;
}

/* --- Blog --- */

#contenido
{
    width: 900px;
    margin: 30px auto 0 auto;
}
#contenido h2
{
    font-size: 19px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 15px;
}
#contenido h3
{
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 15px;
}
#contenido p
{
    line-height: 15px;
}
#contenido li
{
    color: #545454;
    background-repeat: no-repeat;
    background-position: 0 5px;
}

#contenido ul li a
{
    color: #545454;
}

#elblog
{
    width: 690px;
    border-right: 1px solid #E6E6E6;
    padding: 0 20px 0 0;
    float: left;
}
#elblog h2
{
    font-size: 19px;
    font-weight: bold;
    line-height: 22px;
}
#elblog h3
{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 4px;
}
#elblog h3 a
{
    color: #000000;
}
#elblog h4
{
    font-size: 14px;
    font-weight: bold;
}
#elblog p
{
    line-height: 15px;
}
.fecha_blog
{
    margin: 4px 0 20px 0;
    font-size: 10px;
}
.item_blog
{
    margin-bottom: 20px;
    border-bottom: 5px solid #E6E6E6;
}



#pagenav
{
    float: left;
    margin: 0 10px 15px 0;
    width: 653px;
    text-align: right;
}

/* --- Content: Second Row --- */

#bottomMain
{
    border-top: 1px solid #e4e4e4;
    padding: 55px 15px 0 0;
    overflow: hidden;
    font-size: 11px;
    color: #464646;
}

#bottomMain b
{
    font-size: 64px;
    color: #cccccc;
    font-family: Georgia;
    float: left;
    padding-bottom: 100px;
    margin-right: 8px;
}
#bottomMain span
{
    margin-top: -20px;
}
#bottomMain h2
{
    font-size: 21px;
    color: #424242;
    margin: -20px 0 40px 0;
    font-weight: bold; #margin:0040px0;}

#notes
{
    width: 250px;
    padding: 0 25px 0 0;
    float: left;
}

#clientes_com
{
    padding-left: 50px;
    background-image: url(images/comillas_grises.gif);
    background-repeat: no-repeat;
}

#swipe
{
    width: 250px;
    padding: 0 25px 0 25px;
    float: left;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

.peke
{
    font-size: 10px;
    margin-top: -10px;
    color: #999999;
}

#bulb
{
    width: 280px;
    float: left;
    padding: 0 0 0 25px;
}

#notes p, #bulb p, #swipe p
{
    padding: 0 0 0 25px;
}

#notes h4, #swipe h4, #bulb h4
{
    color: #222;
    font: 14px/24px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    line-height: 20px;
}

#notes h4
{
    background: url(images/h4-swipe.jpg) top left no-repeat;
}

#swipe h4
{
    background: url(images/h4-notes.jpg) top left no-repeat;
}

#bulb h4
{
    background: url(images/h4-bulb.jpg) top left no-repeat;
}

/* --- FOOTER --- */

.push
{
    height: 120px;
    padding: 15px 0 0 0;
}

#footer
{
    padding: 15px 0 0 0;
    background-color: #f0f0f0;
    background-image: url(images/bg-h3.jpg);
    background-repeat: no-repeat;
}

#footer-inner
{
    width: 850px;
    margin: 0 auto;
    overflow: hidden;
}

#footer-inner p
{
    float: left;
}

#footer-inner p.
{
    float: right;
    line-height: 18px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
#logos_pie
{
    padding: 0 0 30px 0;
}
#logos_pie img
{
    margin-right: 7px;
}

.validate
{
    color: #555;
    padding: 0 0 0 20px;
    margin: 0 25px 0 0;
    height: 20px;
    display: block;
    float: right;
}


/* -------------------------
--------- SUBPAGES ---------
-------------------------- */

#content
{
    width: 100%;
    margin: 36px 0 0 0;
    overflow: hidden;
}
body:nth-of-type(1) #content2
{
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden;
}
#content2
{
    width: 100%;
    margin: 0 0 0 0; #margin:0000;
overflow:hidden;
}
#content2 h2
{
    margin-bottom: 20px;
}

#portfolio
{
    margin: 30px 5px 0;
    overflow: hidden;
}

/* --- Single Portfolio Item --- */

.item
{
    width: 425px;
    float: left;
    margin: 0 10px 40px;
    color: #565656;
}

.item img
{
    background-color: #ececec;
    border: 1px solid #ddd;
    padding: 6px;
    margin: 0 0 15px;
}

.item h2
{
    font: 18px "Lucida Grande" , Tahoma, Verdana, sans-serif;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 12px 0 12px 2px;
    margin: 0 7px 15px;
}

.item h2 a
{
    color: #565656;
}

.item p
{
    padding: 0 10px;
}

/* --- Portfolio Nav --- */

#folioNav
{
    width: 100%;
    height: 35px;
    margin: 0 5px;
    background: #ececec url(images/bg-h3.jpg) top left repeat-x;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}

#folioNav span#previous
{
    float: left;
    width: 96px;
    height: 26px;
    background: transparent url(images/previous.png) top left no-repeat;
    text-indent: -9999px;
    margin: 5px 10px;
}

#folioNav span#next
{
    float: right;
    width: 96px;
    height: 26px;
    background: transparent url(images/next.png) top left no-repeat;
    text-indent: -9999px;
    margin: 5px 10px;
}

/* --- Clients & Testimonials --- */

#wrap
{
    margin: 40px 10px 25px 20px;
    overflow: hidden;
}

#clients
{
    width: 600px;
    float: left;
    padding: 0 10px 0 0;
    border-right: 1px solid #e4e4e4;
}

#testimonials
{
    width: 230px;
    float: left;
    margin: 0 0 0 20px;
}

#clients h4, #testimonials h4
{
    color: #222;
    font: 14px/16px "Lucida Grande" , Tahoma, Verdana, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    height: 16px;
    padding: 0 0 0 22px;
}

#clients h4
{
    background: url(images/h4-clients.jpg) top left no-repeat;
}

#testimonials h4
{
    background: url(images/h4-testi.jpg) top left no-repeat;
    line-height: 10px;
    margin-left: 18px;
}

#clientlist
{
    overflow: hidden;
}

#clientlist li
{
    float: left;
    margin: 0 15px 0 0;
}

#clientlist li img
{
    background-color: #ececec;
    border: 1px solid #ddd;
    padding: 6px;
    margin: 0 0 15px;
}

#testimonials blockquote
{
    background: url(images/quotes.jpg) top left no-repeat;
    padding: 0 10px 0 25px;
    margin: 0 0 15px 0;
    color: #999;
    font-style: italic;
}

#testimonials p.author
{
    padding: 0 10px 0 25px;
}

#testimonials span.readmore
{
    display: block;
    width: 96px;
    height: 25px;
    background: transparent url(images/readmore.png) top left no-repeat;
    text-indent: -9999px;
    margin: 0 20px;
}

/* --- CONTACT PAGE --- */

#contactForm
{
    width: 470px;
    float: left;
    padding: 0 20px 0 0;
    margin: 50px 0 25px 20px;
}

.topBorder
{
    border-top: 1px solid #e4e4e4;
    padding-top: 30px;
}

#contactInfo
{
    margin-bottom: 50px;
}

#contactInfo p
{
    color: #545454;
}

#contactInfo h4
{
    color: #222;
    font: 14px/16px "Lucida Grande" , Tahoma, Verdana, sans-serif;
    font-weight: bold;
    background: url(images/contact.png) top left no-repeat;
    margin: 0 0 10px 0;
    height: 16px;
    padding: 0 0 0 25px;
}

/* --- Contact Form --- */

#contactForm form label
{
    display: none;
}

#contactForm form input
{
    display: block;
    height: 15px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #f6f6f6;
    width: 230px;
    margin: 0 0 20px 0;
    color: #2c2c2c;
    padding: 5px;
    font: 11px/20px "Lucida Grande" , Tahoma, sans-serif;
}

#contactForm form input#submit
{
    display: inline;
    height: 25px;
    width: 97px;
    background: transparent url(images/send.png) top left no-repeat;
    border: 0;
    text-indent: -9999px;
    float: right;
    margin: 5px 55px 0 0;
}

#contactForm form textarea
{
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #f6f6f6;
    width: 400px;
    margin: 0 0 20px 0;
    color: #2c2c2c;
    padding: 5px;
    font: 11px/20px "Lucida Grande" , Tahoma, sans-serif;
}

/* --- BLOG POSTS --- */

#blogContent
{
    padding: 13px 0 0 0;
}

.ver_todos
{
    float: right;
}

#blogContent h3
{
    font-size: 14px;
    font-weight: bold;
}

#blog
{
    width: 545px;
    float: left;
    padding: 0 20px 0 0;
}

.post-top
{
    overflow: hidden;
    margin: 0 0 10px 0;
}

.post-content
{
}

.post-snippet, .post
{
    margin-bottom: 25px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.post-snippet h2, #comments h2
{
    font: 24px Tahoma, Verdana, sans-serif;
    font-weight: normal;
    color: #565656;
    float: left;
}

.post-snippet a, #comments h2 a
{
    color: #343434;
}

.post-snippet .comments-link, .post-snippet .readmore, .post-snippet .more-link
{
    float: right;
    width: 134px;
    background-color: #292929;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.post-snippet .comments-link a, .post-snippet .readmore a
{
    color: #fff;
}

img.thumb
{
    float: left;
    margin: 0 15px 15px 0;
    display: inline;
    background-color: #ececec;
    padding: 6px;
    border: 1px solid #dfdede;
}

#post-nav
{
    overflow: hidden;
}

#post-nav p
{
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background-color: #f4f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

#post-nav p a
{
    color: #545454;
}

#post-nav p.previous
{
    float: left;
}

#post-nav p.next
{
    float: right;
}

/* --- SINGLE POST STYLES --- */

.post-img
{
    /*margin: 0 15px 15px 2px; 	display: inline; 	border: 1px solid red; 	background-color: #ececec; 	padding: 6px; 	border: 1px solid #dfdede;*/
}

.post h2
{
    font: 24px Tahoma, Verdana, sans-serif;
    font-weight: bold;
    color: #565656;
    float: left;
}

.post .meta
{
    float: right;
    background-color: #292929;
    width: 175px;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.post blockquote, .post-snippet blockquote
{
    margin: 20px 50px;
    padding: 10px 15px 5px;
    background-color: #fff;
}



.post ul, .post-snippet ul
{
    list-style: inside;
    list-style-image: url(images/bullet.gif);
    margin: 10px 20px;
}

.promo
{
    border-top: 1px solid #ddd;
    padding: 10px 25px 0;
    overflow: hidden;
}

.promo .feeds, .promo .tweet
{
    font-size: 18px;
    padding: 0 0 0 40px;
    line-height: 32px;
}

.promo .feeds a, .promo .tweet a
{
    color: #292929;
}

.promo .feeds
{
    background: transparent url(images/feedicon.jpg) top left no-repeat;
    float: left;
    margin: 0 40px 0 0;
    border-right: 1px solid #ddd;
    padding: 0 25px 0 40px;
}

.promo .tweet
{
    background: transparent url(images/tweeticon.jpg) top left no-repeat;
    float: left;
}

/* --- COMMENTS STYLES --- */

.comments
{
    width: 21px;
    height: 25px;
    float: left;
    background: url(images/commentsbg.gif) top left no-repeat;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    line-height: normal;
}

#subpage h3
{
    background-color: #292929;
    display: inline;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 5px 15px 5px;
    margin: 0 0 30px 0;
}

#comments
{
    margin: 20px 0 20px 0;
    border-top: 1px solid #ddd;
}

.comment
{
    margin: 0;
    overflow: hidden;
}

.comment .comment-meta
{
    overflow: hidden;
    margin: 5px 0 5px 0;
}

.comment .avatar
{
    float: left;
    margin: 0 15px 0 0;
    display: inline;
    background-color: #ececec;
    padding: 4px;
    border: 1px solid #dfdede;
}

.comment .name
{
    font-size: 14px;
    margin: 10px 0 5px 0;
}

.comment .name a
{
    color: #292929;
}

.author
{
    background-color: #fbfbfb;
}

.comment .comment-text
{
    font-size: 12px;
    margin: 0 0px 0;
}

/* --- COMMENT FORM --- */

#respond
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

form#commentform
{
    overflow: hidden;
}

form#commentform label
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #292929;
    margin: 0 0 5px 0;
}

form#commentform label span
{
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

form#commentform #author, form#commentform #email, form#commentform #url
{
    width: 270px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 0 5px 0;
    margin: 0 0 10px 0;
}

form#commentform textarea
{
    width: 470px;
    height: 120px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 0 5px 0;
    margin: 0 0 10px 0;
}

form#commentform #submit
{
    background-color: #292929;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 15px 3px;
}


/* --- SIDEBAR & WIDGETS --- */

#sidebar
{
    width: 270px;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 0 20px;
}

#sidebar .widget h2
{
    font: 18px/24px "Lucida Grande" , Tahoma, Verdana, sans-serif;
    font-weight: normal;
    color: #565656;
    margin: 0 0 10px 0;
}

.widget
{
    margin: 0 0 20px 0;
}

.widget .ad
{
    margin: 0 5px 5px 0;
}

#sidebar ul div.widget ul li
{
    background: transparent url(images/bg-li.gif) bottom left repeat-x;
    line-height: 25px;
    width: 240px;
}

.widget ul li a
{
    color: #545454;
    background: transparent url(images/arrow.gif) top left no-repeat;
    padding: 0 0 0 15px;
}




/* Begin Content Slider */
#featured
{
    width: 100%;
    float: left;
    height: 365px;
    padding: 15px 0 0 0;
}

#thevideo
{
    width: 100%;
    float: left;
    background: #131313 url(images/videobgtop.jpg) top left repeat-x;
    padding: 15px 0 0 0;
}

#thevideoinside
{
    width: 100%;
    float: left;
    position: static;
    padding: 15px 0 15px 0;
    min-height: 350px;
}

#videoembed
{
    margin: 0px auto;
    width: 871px;
    text-align: center;
}

.watchnow
{
    position: absolute;
    top: 255px;
    left: 540px;
    width: 180px;
    height: 38px;
    background: url(images/watchnow.png) top left no-repeat;
    cursor: pointer;
}

.watchnow:hover
{
    background: url(images/watchnowover.png) top left no-repeat;
}

.watchnow_complementum
{
    position: absolute;
    top: 263px;
    left: 628px;
    width: 180px;
    height: 38px;
    background: url(images/watchnow.png) top left no-repeat;
    cursor: pointer;
}

.watchnow_complementum:hover
{
    background: url(images/watchnowover.png) top left no-repeat;
}

.insert
{
    width: 220px;
    height: 350px;
    margin: 0 0 0 530px;
    color: #FFFFFF;
    padding: 10px;
    line-height: 1.2em;
}

.insert h2
{
    line-height: 1em;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.insert a:link, .insert a:hover, .insert a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
/* End Content Slider */

/*Informe de marketing online*/
#explicacion_informe
{
    margin: 25px 0 0 460px;
}
#formulario_informe_marketing
{
    width: 420px;
    float: left;
    margin-top: 11px;
}
#formulario_informe_marketing label
{
    font-size: 12px;
    font-weight: bold;
    color: #2e2e2e;
}
#formulario_informe_marketing .input
{
    margin-left: 50px;
}
#formulario_informe_marketing .introduccion_2
{
    width: 270px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 5px;
    margin: 8px 0 0 0;
}
#formulario_informe_marketing .input img
{
    float: left;
    margin-top: 7px;
}

#formulario_informe_marketing .h
{
    font-size: 10px;
    margin: 5px 0 -4px 75px;
}
#formulario_informe_marketing .explicaciones
{
    font-size: 10px;
    margin: 5px 0 20px 75px;
}

/* Style for invalid input */
.invalidInput
{
    border: 1px dotted #F00;
    background-color: #FFECE6;
}

/* Style for valid input */
.validInput
{
    border: 1px dotted #FF0000;
}

#interior_plantilla
{
    font-size: 12px;
}
#interior_plantilla h2
{
    font-size: 22px;
    color: #252525;
    line-height: normal;
    letter-spacing: -0.1em;
    margin: 25px 0 15px 0;
    float: none;
}
#interior_plantilla h3
{
    font-size: 18px;
    color: #252525;
    line-height: normal;
    letter-spacing: -0.1em;
}
#interior_plantilla h4
{
    font-size: 14px;
    color: #252525;
    line-height: normal;
    letter-spacing: -0.1em;
}
#interior_plantilla_izq
{
    float: left;
    width: 540px;
    padding: 0 15px 0 0;
    margin: 0;
}
.flotando_izq
{
    float: left;
    margin: 0 15px 0 0;
}
.flotando_der
{
    float: right;
    margin: 0 0 0 15px;
}
#interior_plantilla_der
{
    margin: 15px 0 0 560px;
    padding: 8px 0 0 10px;
}
#interior_plantilla ul
{
    font-size: 12px;
    margin: 0 0 20px 0;
}
#interior_plantilla li
{
    list-style-image: none;
}
.texto_16
{
    font-size: 16px;
}
.texto_azul_16
{
    font-size: 16px;
    color: #2f8cee;
}

#intro_complementum
{
    color: #565656;
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 20px;
}

#descripcion_complementum
{
    float: left;
    width: 420px;
}
#descripcion_complementum h3
{
    font-size: 18px;
    margin-bottom: 10px;
}
#descripcion_complementum h4
{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
#descripcion_complementum p
{
    font-size: 12px;
    line-height: 16px;
}
#formulario_complem
{
    margin-left: 490px;
    font-size: 12px;
}
#formulario_complem h3
{
    font-size: 18px;
    margin-bottom: 10px;
}
#formulario_complem h4
{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}
#formulario_complem p
{
    font-size: 12px;
    line-height: 16px;
}
#formulario_complem ul
{
    margin-bottom: 20px;
}
#formulario_complem li
{
    padding-left: 20px;
}
#formulario_complem fieldset
{
    width: 400px;
}
#formulario_complem label span
{
    width: 80px;
}
#formulario_complem label
{
    width: 80px;
}
#formulario_complem input
{
    width: 200px;
}
#formulario_complem textarea
{
    width: 200px;
}

#descripcion_servicio
{
    float: left;
    width: 420px;
}
#descripcion_servicio h3
{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
}
#descripcion_servicio h4
{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
#descripcion_servicio p
{
    font-size: 12px;
    line-height: 16px;
}
#descripcion_servicio fieldset
{
    width: 400px;
}
#descripcion_servicio label span
{
    width: 80px;
}
#descripcion_servicio label
{
    width: 80px;
}
#descripcion_servicio input
{
    width: 200px;
}
#descripcion_servicio textarea
{
    width: 200px;
}
#descripcion_servicio ul
{
    margin-bottom: 20px;
}
#descripcion_servicio li
{
    padding-left: 20px;
}
#faqs_servicio
{
    margin-left: 490px;
    font-size: 12px;
}
#faqs_servicio h3
{
    font-size: 18px;
    margin-bottom: 10px;
}
#faqs_servicio h4
{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}
#faqs_servicio p
{
    font-size: 12px;
    line-height: 16px;
}



#categoria_desc h3
{
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 8px;
}
#categoria_desc h2
{
    font-weight: bold;
    font-size: 17px;
}

#formulario_trabajo
{
    float: left;
    width: 430px;
}
#precios_productos
{
    margin-left: 470px;
    padding-top: 30px;
}
#bajo_trabajo
{
    margin-bottom: 25px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
#bajo_trabajo h2
{
    color: #5a5a5a;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 8px;
}
.unpocomas
{
    font-size: 27px;
    color: #000;
    font-weight: bold;
}
#datos_contacto
{
    float: left;
    width: 330px;
}

.subidon
{
    margin-top: -80px; #margin-top:10px;}



.logostal img
{
    margin-right: 8px;
}

#elblog div.wp-paginate ol
{
    list-style-type: none;
}
#elblog div.wp-paginate ol li
{
    list-style-type: none;
}


.twitter
{
    list-style-type: none;
}
.twitter-item
{
    margin-bottom: 10px;
    border-bottom: 1px #CCC solid;
    padding-bottom: 10px;
}
.twitter-timestamp
{
    font-weight: bold;
    color: #2f8cee;
}

/*Estilos blog*/
#blog-destacado
{
    background-color: #fff;
    color: #333;
    margin-bottom: 20px;
}
#blog-destacado img
{
    float: right;
    margin: 0 0 20px 20px;
}
#blog-destacado h1 a
{
    font-size: 40px;
    line-height: normal;
    font-weight: bold;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#blog-destacado p
{
    font-size: 13px;
    color: #666;
}
.fecha_blog_destacado
{
    font-size: 15px;
}
#blog-destacado p .more-link
{
    padding-top: 20px;
}

.columna_izq
{
    margin: 10px 0px 10px 0px;
    padding: 0px 40px 20px 0px;
    width: 299px;
    float: left;
    border-right: 1px solid #cccccc;
}
.columna_der
{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    width: 300px;
    float: right;
}
.columnas img
{
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 20px 0;
}
.columnas p
{
    font-size: 13px;
    color: #666;
    line-height: 25px;
}
.columnas li
{
    margin: 0px;
    padding: 7px 0px 7px 0px;
    line-height: 16px;
    list-style-type: none;
    border-bottom: 1px dashed #aaaaaa;
}
.columnas li .title
{
    color: #000;
}
.columnas .mas_en
{
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}

#sidebar_blog
{
    width: 190px;
    margin-left: 740px;
}
#sidebar_blog a
{
    font-weight: bold;
    color: #666;
}

#sidebar_blog h2
{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
#sidebar_blog li
{
    list-style-type: none;
    padding: 0 0 0 10px;
}
#sidebar_blog li a
{
    font-weight: bold;
}

.hr_top
{
    margin: 0px;
    padding: 0px;
    height: 5px;
    font-size: 1px;
    background-color: #eeeeee;
    clear: both;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px;
}

#elblog strong
{
    color: #666;
}
*Estilos blog* /
#blog-destacado
{
    background-color: #fff;
    color: #333;
    margin-bottom: 20px;
}
#blog-destacado img
{
    float: right;
    margin: 0 0 20px 20px;
}
#blog-destacado h1 a
{
    font-size: 40px;
    line-height: normal;
    font-weight: bold;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#blog-destacado p
{
    font-size: 13px;
    color: #666;
}
.fecha_blog_destacado
{
    font-size: 15px;
}
#blog-destacado p .more-link
{
    padding-top: 20px;
}

.columna_izq
{
    margin: 10px 0px 10px 0px;
    padding: 0px 40px 20px 0px;
    width: 299px;
    float: left;
    border-right: 1px solid #cccccc;
}
.columna_der
{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    width: 300px;
    float: right;
}
.columnas img
{
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 20px 0;
}
.columnas p
{
    font-size: 13px;
    color: #666;
    line-height: 25px;
}
.columnas li
{
    margin: 0px;
    padding: 7px 0px 7px 0px;
    line-height: 16px;
    list-style-type: none;
    border-bottom: 1px dashed #aaaaaa;
}
.columnas li .title
{
    color: #000;
}
.columnas .mas_en
{
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}

#sidebar_blog
{
    width: 190px;
    margin-left: 740px;
}
#sidebar_blog a
{
    font-weight: bold;
    color: #666;
}

#sidebar_blog h2
{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
#sidebar_blog li
{
    list-style-type: none;
    padding: 0 0 0 10px;
}
#sidebar_blog li a
{
    font-weight: bold;
}

.hr_top
{
    margin: 0px;
    padding: 0px;
    height: 5px;
    font-size: 1px;
    background-color: #eeeeee;
    clear: both;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px;
}

#elblog strong
{
    color: #666;
}

.rounded-corners
{
    border-radius: 10px 0 2em 4pt;
    -ms-border-radius: 10px 0 2em 4pt;
    -moz-border-radius: 10px 0 2em 4pt;
    -webkit-border-radius: 10px 0 2em 4pt;
    -khtml-border-radius: 10px 0 2em 4pt;
}

