/* CSS Document */
body{
background-color:#333333;
background-image:url(img/bg.gif);
margin:0;
padding:0;
}

img{
border:0px;
}

#wrap{
margin:auto;
width:900px;
}

.clear{
clear:both;
}

#main{
width:900px;
border-top:0;
border-bottom:0;
float:left;
}

#cabecera {
background:#3399FF url(img/logo.jpg) repeat-x scroll left bottom;
height:130px;
}

#cabecera .menu {
background:#3399FF url(img/menu_bg.gif) repeat-x scroll left bottom;
height:130px;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin-left:300px;
}

.menu ul {
margin:0;
list-style:none;
padding-top:10px;
}

.menu li{
display:inline;
}

.b_portada a:hover img{
background-image:url(img/portada_hover.png);
background-color:#1F1F1F;
}

.b_trabajos a:hover img{
background-image:url(img/trabajos_hover.png);
background-color:#1F1F1F;
}

.b_contacto a:hover img{
background-image:url(img/contacto_hover.png);
background-color:#1F1F1F;
}

#media{
height:120px;
background-color:#202020;
background-image:url(img/media.gif);
background-position:0px 0px;
}

#content{
float:left;
background-image:url(img/menu_bg.gif);
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
width:900px;

}

.left{
float:left;
}

.right{
float:right;
}

.t_ultimos{
font-size:80%;
color:#fff;
background-image:url(img/building.png);
background-repeat:no-repeat;
background-position:3px 3px;
background-color:#3399FF;
height:16px;
padding-top:4px;
padding-left:25px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
width:375px;
}

.b_ultimos{
font-size:80%;
color:#ccc;
padding:10px;
margin-bottom:10px;
width:377px;
border:1px dashed #666666;
text-align:justify;
}

.b_ultimos img {
padding:3px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px dashed #666666;
}

.t_servicios{
font-size:80%;
color:#fff;
background-image:url(img/building.png);
background-repeat:no-repeat;
background-position:3px 3px;
background-color:#33CC33;
height:16px;
padding-top:4px;
padding-left:25px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
width:440px;
}

.b_servicios{
font-size:80%;
color:#ccc;
padding:10px;
margin-left:10px;
margin-bottom:10px;
width:442px;
border:1px dashed #666666;
text-align:justify;
}

.t_ptrabajos{
font-size:80%;
color:#fff;
background-image:url(img/building.png);
background-repeat:no-repeat;
background-position:3px 3px;
background-color:#33CC33;
height:16px;
padding-top:4px;
padding-left:25px;
margin:10px;
width:855px;
}

.b_ptrabajos{
font-size:80%;
color:#ccc;
padding:10px;
margin-bottom:10px;
width:413px;
border:1px dashed #666666;
text-align:justify;
margin-left:10px;
float:left;
}

.b_ptrabajos img {
padding:3px;
float:left;
margin-right:5px;
margin-bottom:0px;
border:1px dashed #666666;
}

.b_dominios{
font-size:80%;
color:#ccc;
padding:10px;
margin-bottom:10px;
width:858px;
border:1px dashed #666666;
text-align:justify;
margin-left:10px;
float:left;
}

.t_fcontacto{
font-size:80%;
color:#fff;
background-image:url(img/building.png);
background-repeat:no-repeat;
background-position:3px 3px;
background-color:#33CC33;
height:16px;
padding-top:4px;
padding-left:25px;
margin:10px;
width:855px;
}

.b_fcontacto{
font-size:80%;
color:#ccc;
padding:10px;
margin-left:10px;
margin-bottom:10px;
width:855px;
border:1px dashed #666666;
text-align:justify;
}

#footer{
background-color:#3399FF;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
float:left;
width:100%;
height:16px;
padding-top:4px;
text-align:right;
margin-bottom:10px;
}