/*Firefox**Crome*/
/*------------------------*/
body {
z-index:1;
height:auto;
background-image: url(../images/loading.gif) no-repeat 50% 50%;
}
p {
text-indent: 30px;
}
#boda {
z-index: 1; 
overflow:hidden;
margin-top: auto ;
margin-bottom: auto ;
margin-left: auto;
margin-right: auto;
width:1010px;
height:690px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px; /* for old Konqueror browsers */
-moz-box-shadow:5px 5px 7px rgba(0,0,0,0.5);
box-shadow: 5px 5px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.5);
background: -webkit-gradient(linear, left top, left bottom, from(#FFE4E1), to(#74b8d7));
background: -moz-linear-gradient(top, #FFE4E1 , #74b8d7);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE4E1', endColorstr='#74b8d7'); 
}
td img {display: block;}
h1{
display:block;
margin-top: 10px ;
text-indent: 25px;
margin-left:100px;
width:85%;
font-family: times, serif;
font-style: italic;
font-size: 30px;
color:  #DCDCDC ;
text-decoration: none;
-moz-border-radius-bottomright: 30px;
border-bottom-right-radius: 30px;
-webkit-border-radius-bottomright: 30px;
-khtml-border-radiu-bottomright: 30px; 
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-radius-bottomleft: 20px;
-khtml-border-radius-bottomleft: 20px; 
background:#74b8d7;
background: -webkit-gradient(linear, left , right, from(#74b8d7), to(#437fbc));
background: -moz-linear-gradient(right,  #74b8d7,  #437fbc);
}
h2{
display:block;
text-indent: 25px;
margin-left:15px;
width:90%;
font-family: times, serif;
font-size: 27px;
font-style: italic;
color:  #DCDCDC ;
text-decoration: none;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px; /* for old Konqueror browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#74b8d7), to(#437fbc));
background: -moz-linear-gradient(top,  #74b8d7,  #437fbc);
background:#74b8d7;
}
h3{
display:block;
text-indent: 20px;
margin-left:15px;
width:70%;
font-family: times, serif;
font-size: 20px;
font-style: italic;
color:  #DCDCDC ;
text-decoration: none;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px; /* for old Konqueror browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#74b8d7), to(#437fbc));
background: -moz-linear-gradient(top,  #74b8d7,  #437fbc);
background:#74b8d7;
}
.cita {
font-family: Georgia, "Times New Roman", Times, serif;
font: italic bold;
color: rgba(128, 0, 128, 0.8) ;
}
/*----------------	----------------------*/

/*---------------- head----------------------*/
#images_h{
position:relative;
overflow:hidden;
width:675px;
height:80px;
margin-top:10px ;
margin-left:auto;
margin-right:auto;
border-radius: 8px; 
-moz-border-radius: 8px;    	
-goog-ms-border-radius: 8px; 
-webkit-border-radius: 8px;
-moz-box-shadow:0 2px 20px rgba(0,255,0,0.8);
-webkit-box-shadow:0 2px 20px rgba(0,255,0,0.8);
box-shadow:0 2px 20px rgba(0,255,0,0.8);
border: 3px solid yellow
}
/*---------------- fin head----------------------*/
/*---------------- conntenido ----------------------*/
#container{
position: relative;
margin-right: auto;
margin-left: auto;
top:20px ;
width:950px;
height:487px;
}
#contenido2{
position: relative;
float:left;
margin-top:10px ;
margin-left:165px ;
width:450px;
height:470px;
overflow:auto;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
opacity: 0.70;filter:Alpha(Opacity=70) ;
background-color : #F8F8FF ;
-moz-box-shadow:5px 5px 7px rgba(0,0,0,0.5);
box-shadow: 5px 5px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.5);
}
.layer_0{
display:block;
background-image: url(../images/bg.gif);
background-repeat:repeat-y;		
}
.paper_1{
position: relative;
text-align:left;
font-family : 'typewriter', matrix,courier new, monospace/*Arial*/;
color: #74b8d7 ;
margin : 30px 16px 50px 55px;
}
p em{
font-style: italic;
color:rgba(128, 0, 128, 0.8) ;
}

/*---------------- marquee----------------------*/
#contenido_marq{
float:right;
margin-top:60px ;
width:250px;
height:200px;
border: 5px double blue ;
border-radius: 30px;
-moz-border-radius: 30px;
-khtml-border-radius: 30px; /* for old Konqueror browsers */
background-color :#DCDCDC ;
}
/*
.marq {
	width:auto;
	height:auto;
	margin-left:;
}
*/
.marq a {
overflow:hidden;
	font-family : 'typewriter', matrix,courier new, monospace/*Arial*/;
color: #708090 ;
	text-decoration:none;

}
marquee{
display:block;
width:85%;
text-decoration:none;
font-size: 21px;
font-style:'typewriter', matrix,courier new, monospace/*Arial*/;
text-decoration: none;
text-align:center;
margin:auto;	
}

/*---------------- end marquee-------------------------*/

/*---------------- end conntenido ----------------------*/


/* ---------menu serv--------------	*/
/*eye*/
#-wrap1{
position:relative;
}

div.menu-bar {
position: absolute;
display:block;
top:85px ;
left:10px;	
margin: 0;
padding: 0;
	/* menu header width and height */
width: 120px;
height: 270px;
background-color: #fffabf;
overflow: hidden;

border-radius: 8px; 
-moz-border-radius: 8px;    	
-goog-ms-border-radius: 8px; 
-webkit-border-radius: 8px;
-khtml-border-radius: 8px; /* for old Konqueror browsers */
-moz-box-shadow:0 2px 20px rgba(0,255,0,0.8);
-webkit-box-shadow:0 2px 20px rgba(0,255,0,0.8);
box-shadow:0 2px 20px rgba(0,255,0,0.8);
border: 3px solid #008B8B ;
}
/* vertical menu */

div.menu-bar ul {
margin: 0px;
padding: 0;
position: relative;
height: 180px;
width: 220px;
}
div.menu-bar ul li {
display: block;
float: left;
height: auto;
	/* menu header's items width */
width: 120px;
}
div.menu-bar li > span, div.menu-bar li > a, div.menu-bar li > a:link,
div.menu-bar li > a:active {
display: block;
padding: 0 0 0 10px;
height: 100%;
width: 109px;
border-right: 1px #5d5636 solid;
line-height: 30px;
font-family: times, serif;
font-size: 17px;
font-style: italic;
text-decoration: none;
background-color: #fffabf;
color: #5d5636;
cursor: pointer;
}
div.menu-bar li:hover   > a  , div.menu-bar li:hover   > a:visited{
display: block;
color: #40E0D0 ;
background-color: #cccccc;
}
/* an arrow on the right side of menu's folders */
span.menu-nav:after, a.menu-nav:after {
content: "\00BB";
float: right;
}
/* ---------- end   menu serv ---------------	*/
/*---------------- footer ----------------------*/
#footer3{
position:fixed;
left:800px;
bottom:27px;
height:2px;
width:15px;
background:  rgba(0,0,0, 0.4 );
}
#footer2{
position:fixed;
 left:790px;
bottom:29px;
height:4px;
width:120px;
background:  #E0B2EB ;
 -moz-border-radius: 30px;
border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px; /* for old Konqueror browsers */
}
#footer{
position:fixed;
text-align:middle ;
left:770px;
bottom:0px;
height:27px;
width:500px;
background-color:orange;
-moz-border-radius: 30px;
 border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px; /* for old Konqueror browsers */
}
/* IE 6 */
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
#footer :hover{	
position:fixed;
left:770px;
bottom:0px;
height:27px;
width:500px;
background: #BA55D3 ;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px; /* for old Konqueror browsers */
}
p.corn{	
font-style: "Comic sans mc",Helvetica, Arial, 'Lucida Sans Unicode';	
}
p.corn, a:hover {
color: orange;
font-style: italic;
}
	
/*---------------- end footer ----------------------*/