/*
CSS Base: Dynamic Drive [dynamicdrive.com]
Modificaciones: Miguel Garrido [teledirigido at gmail.com]
*/

body{
margin:0;
padding:0;
line-height: 1.5em;
background:#333333;
}

em{
color: red;
}

a:link img, a:visited img{
border:0;
}

a:link, a:visited{
color: #666666; 
text-decoration:none;
}

a:hover{
color:#4F8C99; 
text-decoration: underline; 
}

#main{
width:100%;
background:#fff url(img/body-background.png) top left repeat-x;
float:left;
}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{

background: url(img/logo.png) no-repeat right top;
height: 187px; /*Height of top section*/
}

p.header{
padding-top:90px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
font-family: Georgia, "Times New Roman", Serif;
}

#menu{
margin-top:-40px;
}

#menu ul{
margin-bottom: 10px;
padding: 0;
list-style-type:none;
}

#menu ul li{
display:inline;
}

#menu a:link, #menu a:visited {
font-family: "Times New Roman", Times, serif;
font-size:30px;
font-weight:bold;
}

#menu a:hover{
text-decoration:none;
cursor:help;
}

#menu a#portafolio:link, #menu a#portafolio:visited { color: #BF4040; }
#menu a#portafolio:hover { color:#D27979; }

#menu a#sobre-mi:link, #menu a#sobre-mi:visited { color: #545AA5; }
#menu a#sobre-mi:hover{ color: #868AC1; }

#menu a#contacto:link, #menu a#contacto:visited { color: #72A93F; }
#menu a#contacto:hover{ color:#93C664; }


#contentwrapper{
float: left;
width: 100%;
background: #fff;
}

#contentcolumn{
width:100%;
}

.descripcion-contenido{
border:1px solid #CCCCCC;
padding:3px 5px 3px 5px;
}

div.item-web{
float:left;
margin-top:10px;
width:290px;
font-size:10px;
}

div.item-web div.icon, div.item-img div.icon, div.desc{
float:left;
}

div.desc{
width:290px;
}

div.icon {
padding-left:33px;
padding-right:33px;
}

div.desc span.nombre{
font-weight:bold;
}

div.desc span.nombre, div.desc span.tecnologia {
text-align:center;
}

div.item-web span, div.item-img span{
display:block;
}

div.item-img{
display:block;
float:left;
margin-top:10px;
width:50%;
font-size:11px;
}

#footer{
height:124px;
background:url(img/footer-background.png) repeat-x left top;
clear: left;
width: 100%;
color: #CCCCCC;
text-align: center;
padding:0;
margin:0;
}

#footer a{
color: #ffffff;
}


#footer a:hover{
text-decoration:underline;
}

#footer p{
font-size:11px;
margin:0;
padding:0;
line-height:170%;
}

#footer p.nav{
text-align:center;

}

#footer #right{
text-align:right;
width:900px;
margin:0 auto;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
text-align:justify;
font-size:12px;
font-family:Tahoma,Verdana,Sans;
}

/* FORMULARIO DE CONTACTO */
.error-form{
font-size:11px; 
font-weight:bold; 
color:#990000;
}

.input-contacto{
border:1px solid #6D82B1;
padding:2px;
font-size:90%;
font-family:Tahoma,Sans;
}

.text-contacto{
background: url(img/back-msg.jpg) top right no-repeat;
border:1px solid #6D82B1;
padding:2px;
font-size:90%;
}

.table-form td{
padding-bottom:0px
}

.boton{
font-family:Verdana,Sans;
font-size:11px;
padding:5px 2px 5px 2px;
}

.alerta-form{
font-size:90%;
display:block;
padding-bottom:5px;

}
/*******************************/