@charset "utf-8";
/* CSS Document */

body{
widht:955px;
background-color:#4F0212;
font: Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
}

#containerindex {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 20px 20px 20px;
}


#menu{
padding:20px 20px 20px 100px;}

#menu2{
padding:20px 20px 20px 20px;}

.image {
padding-left:10px 20px 10px 20px;

}

.text{
width: 800px;
color:#FFFFFF;
font: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 20px 20px 20px 20px;

}

h2{
font-size:14px;}

h3{
font-size:15px;
padding-left: 250px;
text-decoration:underline;}

a, a active , a visited{
color:#FFFFFF;
text-decoration:none;

}

a hover{

color:#0099FF;
text-decoration:none;}



.boton1{ float: left;}

.boton2{ float: left;}

table {
font-family: Arial, Helvetica, sans-serif ;
color: #FFFFFF;
font-size:12px;
font-weight:bold;}

/* bloques para my resume */

.bloquetexto{

width:465px;
float:left;
color:#FFFFFF;
font: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 10px 5px 30px 10px;
}

.bloqueimg{
	width:300px;
	float:left;
	text-decoration:none;
	padding: 10px 5px 20px 10px;
}


/* bloques para  my web projects */

.bloque1{

width:230px;
float:left;
clear: both;
padding-right: 20px;
}

.bloque2{

width:250px;
float:left;
clear: right;
padding: 15px 0 5px 0;}

.bloque3{

width:250px;
float:right;
clear: right;
padding: 15px 0 5px 0;}

.bloque {

width:750px;
padding: 30px 0 20px 0;}

#gallery{ 
          width:500px;
          background:#4F0212;
          padding: 10px 30px 20px 300px;
		 }