body{
background: url('../images/fondoweb.jpg') center top repeat-x ; 
background-attachment: fixed;
font-family: Arial;
font-size: 14px; 
color:  #FFF;
margin-top: 0px;
margin-bottom: 0px;
}

.clear{
	clear:both;
	height:0px;
}

.space2 {
clear: both;
float: left;
height:15px;
width:200px; 
margin-left: 10px;
background-color: white;

}

#wrapper {
    margin: 0px auto;
	position: relative;
	width: 980px;
	padding-top: 0px;
    z-index: 10;
}

#wrapper2 {
    float: left;
    margin: 0px auto;
	width: 980px;
	padding-top: 0px;
    z-index: 7000;
    background-color: white;

}

#left-wrap{
    float: left;
    margin-top: 0px;
    margin-left: 0px;
	min-height: 500px;
    width: 495px;
    background-color: white;
    z-index: 5100;
}




#left-content{
    float: left;
	width: 475px;
	margin-top: 10px;
	margin-left: 10px;
    margin-bottom: 10px;
    min-height: 280px;


}


#center-wrap{
    margin-top: 0px;
    margin-left: 0px;
	min-height: 500px;
    width: 485px;
    float: left;
    background-image: url(../images/back.jpg);
    z-index: 5100;
}


#uno-wrap{
    margin-top: 0px;
    margin-left: 0px;
	min-height: 500px;
    width: 970px;
    float: left;
    background-image: url(../images/back.jpg);
    z-index: 5100;
}

#uno-content{
    float: left;
	width: 970px;
	margin-top: 10px;
	margin-left: 40px;
    margin-bottom: 10px;
    min-height: 280px;


}

.pic{
        width: 16px;
        height: 16px;
        float: none;
        position: absolute;
        background-image: url(../images/b1.gif);
    
}

.pic2{
        width: 8px;
        height: 8px;
        float: none;
        position: absolute;
        margin-top: 10px;
        background-image: url(../images/b2.gif);
    
}

.readmore {
  width: 75px;
  height: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  padding: 2px;
  padding-left: 10px;
  background-color: white;
  background-image: url(../images/celte.png);
}


#center-content{
    float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 25px;
}


#right-content{
    float: right;
	width: 300px;
	margin-top: 10px;
	margin-left: 20px;
    margin-right: 20px;
}


#wrap-slide{
    margin-top: 0px;
    margin-left: 0px;
	min-height: 250px;
    width: 980px;
    float: left;
    background-image: url(../images/tran.png);
    z-index: 5200;
}


.block-head {
    width: 200px;
    float: left;
    padding: 10px;
    background-image: url(../images/celeste.png);
    
}

.block-head h1 {
    padding-left: 25px;
}

.block-content {

    float: left;
	width:90%;
    height: auto;
    padding: 20px;
    margin-top: 0px;
    margin-left: 0px;
    background-image: url(../images/gris2.png);

}


.block-content p {
    margin-top: 0px;
    text-align: justify;
    
   
}

.block-content2 {
    float: left;
	width:90%;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    margin-left: 0px;
}


.block-content2 p {
    margin-top: 0px;
    text-align: justify;
    
   
}

.tabla1 td {
font-family: arial;
font-size: 14px;
font-weight: normal;
font: normal;
color:#000000;
padding-left:5px;
}


.tabla1 a{
text-decoration: none;    
color:#444444;
}

.tabla1 a:hover{
color: blue;
}

h1{
color:#FFF;
font-size:15px;
padding-left:10px;
font-family: arial;}

p{
    color:#333;
    font-size:14px;
    font-family: arial;
    padding-left: 10px;

}

.subt{
color:#003399;
font-size:19px;
padding-left:0px;
font-family: arial;}


#header1{
float: left;
background-image: url(../images/header.jpg);
height:100px;
width:980px; 
margin:0px; 
padding-top:0px;
}

#space {
float: left;
height:15px;
width:980px; 
background-color: white;
background-image: url(../images/ceste.jpg);
}


#menu {
float: left;
height:40px;
width:700px; 
margin:0px; 
margin-left: 470px;
margin-top: 0px;
margin-bottom: 0px;
padding-top:0px;
background-image: url(../images/celeste.jpg);
}

#face {
float: none;
position: absolute;
height:150px;
width:50px; 
margin:0px; 
margin-left: 980px;
margin-top: 27px;
margin-bottom: 0px;
padding-top:0px;
background-image: url(../images/siguenos.png);
}




#footer{
float: left;
background-image: url(../images/foot.jpg);
height:150px;
width:980px; 
margin:0px; 
margin-top: 0px;
margin-bottom: 0px;
padding-top:0px;
font-family: arial;
font-size: 13px;
color: #ffffff;
font-weight:bold;
}

#foot01{
float: left;
height:150px;
width:400px; 
}



.footer-text p{
padding: 10px;
font-family: arial;
font-size: 13px;
color: #ffffff;
display:block;
text-decoration:none;
font-weight:bold;
    
}

.footer-text a
{
color: #ffffff;
display:block;
text-decoration:none;
font-weight:bold;
}


.footer-text a:hover{
color: white;
}
.text{padding:0 10px 0px 20px; text-align:justify; color:#363636; font-weight:200; width:370px;}


#foot02{
float: right;
margin-top: 100px;
height:30px;
width:120px; 
}
.footer02-text p{
padding: 10px;
font-family: arial;
font-size: 11px;
color: #ffffff;
display:block;
text-decoration:none;
font-weight:bold;
    
}

.footer02-text a
{
color: #ffffff;
display:block;
text-decoration:none;
font-weight:bold;
}


.footer02-text a:hover{
color: white;
}




#form-content{
    float: left;
    Font-family:Arial;
    font-size:14px;
    font-weight: bold;
    color: #333;
    margin-left: 10px;
    margin-top: 20px;
    width: 500px;
    height: 400px;
    z-index: 5200;
}


#form1{
	margin-bottom: 18px;
}

#form1 input,
#form1 textarea,
#form1 select
{
	padding: 7px 5px;
	color: #333;
	border: 1px  solid #d6d6d6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
	font-size: 14px;
	font-family:  Arial, sans-serif;
    font-weight: bold;
    
}

#form1 input{
	width: 300px;
	margin-bottom: 10px;
    height: 19px;
    color: #333;
    background-color: transparent;

}
#form1 select{
	width: 300px;
	margin-bottom: 10px;
    height: 30px;
    padding-top: 4px;
    background-color: transparent;

}

#form1 textarea{
	width: 300px;
	height: 180px;
    margin-bottom: 10px;
    color: #333;
    background-color: transparent;
}

#form1 label{
	padding-left: 7px;
    padding-top: 5px;
    float: left;
    width: 100px;
}

#form1 #submit{
    font-weight: bold;
	width: 75px;
    height: 50px;
	margin: 10px 110px 20px;
    margin-top: 0px;
	padding: 0px 5px;
	color: #cbcbcb;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.9);
	
	background: -webkit-gradient(linear, left top, left bottom, from(#656464), to(#303030)); 
	background: -moz-linear-gradient(top,  #656464,  #303030);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656464', endColorstr='#303030', GradientType=0);
    cursor: pointer;
}


#form1 #submit:hover{
	opacity: 0.8;

}

#error{
    position: relative;
    margin-bottom:100px;
	margin-left:-100px;
	font-size: medium;
    color: red;
   
}


#success{
    
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}




#popup{
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5001;
}


.content-popup {
    margin:auto;
    margin-top: 5%;
    padding:10px;
    width:550px;
    height:500px;
    border-radius:4px;
    background-image: url(../images/tran4.png);
    box-shadow: 0 2px 5px #666666;

}

.close {
    position:relative;
    left:520px;
    top: 10px;
}

.titulo-pop{
    padding-left: 30px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    width: 500px;
}

.textarea-pop{
    width: 650px;
    height: 390px;
    margin-left: 30px;
    background-color:#F0F0F0;
    text-align: left;
    font-family: inherit;
}





#success{
    
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

.c-suc{
    margin:0px auto;
    margin-top: 150px;
    font-size: 16px;
    text-align: center;
    padding-top: 60px;
    width: 400px;
    height: 150px;
	font-size: medium;
    color: #fff;
}

.c-suc p{
    margin-left: 70px;
    font-size: 20px;
    color: #fff;
}