/* CSS Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus{outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}

table{border-collapse:collapse; border-spacing:0;}

/* CSS Home */
body{margin:0px; background:#111111 url(../img/bg.jpg) repeat-x center top; font-family:Verdana; font-size:12px; color:#333;}
#contenedor_home{width:963px; height:664px; margin:5% auto 35px auto; background:url(../img/content_bg.png) no-repeat center top; padding:14px;}

#menu img{
    float:left;
}

.columna{
    width:142px;
    float:left;
    height:554px;
    text-align:center;
    padding-top:5px;
}
#col1{
    background-color:#F0F0F0;
}
#col2{
    background-color:#d8e6c5;
}
#col3{
    background-color:#f3e3c8;
}
#col4{
    background-color:#d6e8ee;
}
#col5{
    background-color:#eedcec;
}

.columna img{
    margin-top:20px;
}

.contenido{
    clear:both;
    height:559px;
    overflow:hidden;
}
.columna2{
    background:url(../img/bg_columna2.jpg) repeat-y;
}
.columna3{
    background:url(../img/bg_columna3.jpg) repeat-y;
}
.columna4{
    background:url(../img/bg_columna4.jpg) repeat-y;
}
.columna5{
    background:url(../img/bg_columna5.jpg) repeat-y;
}

.contenido h1{
    font-family:'Georgia';
    font-size:24px;
    font-style:italic;
    padding:20px 15px 15px 15px;
}
.columna2 h1{
    color:#7BAF36;
}
.columna3 h1{
    color:#CF9A0C;
}
.columna4 h1{
    color:#20A1CF;
}
.columna5 h1{
    color:#CF5AC2;
}

#col_final{
    width:250px;
    text-align:left;
}
#col_final .frase{
    margin-top:70px;
}

.contenido p{
    font-size:12px;
    line-height:16px;
    padding:0 15px 15px 15px;
    text-align:justify;
}
.contenido .img1{
    margin:0px 15px 10px 20px;
    float:left;
}
.contenido .img2{
    margin:0px 10px 0px 15px;
    float:right;
}

.contenido #portfolio{
    margin-left:286px;
}
.contenido #portfolio div{
    clear:both;
}
.contenido #portfolio div img{
    float:left;
}
.contenido #portfolio div div{
    float:left;
    clear: none;
    width:535px;
}
.contenido #portfolio div h2{
    font-family:'Georgia';
    font-size:20px;
    font-style:italic;
    margin:17px 0 3px 10px;
    color:#B7963E;
}
.contenido #portfolio div h2 a:link, .contenido #portfolio div h2 a:visited{
    color:#B7963E;
    text-decoration:none;
}
.contenido #portfolio div h2 a:hover, .contenido #portfolio div h2 a:active{
    text-decoration:underline;
}
.contenido #portfolio div p{
    font-size:12px;
    margin:0 0 0 5px;
    padding-right:35px;
    font-family:'Georgia';
    line-height:18px;
    letter-spacing:0.3pt;
    color:#666666;
}

.globito{
    width:150px;
    height:70px;
    background:url(../img/globito.jpg) no-repeat;
    margin-bottom:-70px;
    position:relative;
    left:-150px;
    top:25px;
    line-height:68px;
    color:#999;
    display:none;
}

.seccion_servicios div{
    margin-left:35px;
}
.seccion_servicios h2{
    margin:10px;
    padding-left:5px;
    font-size:14px;
}
.seccion_servicios ul{
    margin:10px 0;
    padding-left:25px;
}
.seccion_servicios ul li{
    margin:5px;
    padding:5px 0 5px 20px;
    background:url(../img/flechita.png) no-repeat 0px 3px;
}