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

* {
margin: 0; /*margen 0*/
padding: 0;/* espacio entre el borde y el contenido del elemento 0*/
}

body{
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size: 12px;
}

.todo{
border:2px #999	inset; /*groove es efecto 3d en la linea, outset efecto 3d resaltado, inset 3d dentro*/
height: 600px;
width: 970px;
position:absolute;    
left:50%;   
margin:50px 0 0 -485px;
background-image:url(images/fondono.jpg);
background-position:inherit;

}

.barranegra{
/*border-bottom: dotted 2px black; linea discontinua de puntos*/
border-bottom:ridge 1px #F00;/*linea*/
}
.banner{
background: url(images/banner1.jpg)	no-repeat;/*no repetir la imagen de fondo. se puede hacer en x e y*/
height:200px;
width:968px;
border:1px #CCC solid;
}
.barra{
background-color:#FFFFFF;
height:20px;
width:968px;
font-size:14px;
font-weight:700;/*texto en negrita*/
text-transform:uppercase;/*texto entero en mayusculas*/
margin-top:5px;
color:#999;
text-align:center;
}
.menu{
text-align:center;
background-image:url(images/menu-on.jpg);
background-repeat:repeat-x;
height:20px;
width:968px;
border:1px #CCC solid;
}
.menu p{
display:inline; /*hago que todos los p esten en la misma linea*/
width:190px;
height:20px;
float:left;
}
.menu a{
text-decoration:none;
color:#333;
}
.menu a:hover{
color:#FFF;
}
.menudos{

text-align:center;
background-image:url(images/menu-on.jpg);
background-repeat:repeat-x;
height:20px;
width:968px;
border:1px #CCC solid;
}
.menudos p{
display:inline; /*hago que todos los p esten en la misma linea*/
width:242px;
height:20px;
float:left;
}
.menudos a{
text-decoration:none;
color:#333333;
}
.menudos a:hover{
color:#FFFFFF;
}
.abajo{
display:inline;
width:968px;
}
.contenido{
position:relative;
text-align:center;
text-indent: 25px; /*sangria en la primera linea*/
margin:15px 0 0 20px;
width:395px;
color:#000;/*color de borde*/
line-height: 300%;/*interliniado*/
float:left;
height:238px;
}
.contenido p{
display:inline;
text-transform:uppercase;/*texto entero en mayusculas*/
}
.precuadro{
width:500px;
color:#06F;
text-align:center;
padding-top:50px;
font-size:14px;
float:left;

}
.cuadro{
padding: 10px 3px 10px 25px;/*espacio desde el borde al objeto*/
border:3px #CCC solid;
text-align:left;
font-size:12px;
font-weight:700;/*texto en negrita*/
margin:80px 0 20px 500px;/*espacio desde fuera a la caja*/
line-height: 200%;
width:430px;
position:relative;
}

.resalto {
font-family:Geneva, Helvetica, sans-serif, Arial;
font-size:18px;
color:black;
}