body{
    
    background: url(images/fondo2.jpg);
    background-position:top;
    background-repeat:repeat-x;
    margin: 0 auto;   
}

#contenedor{
    
    width:900px;
    height:100%;
    margin: 0 auto;
    overflow: hidden;
}
nav{
    margin: 0 auto;
    width:900px;
    height:100px;
    
    
}
#logo{
   /* background: url(images/dialispeclogo.png);*/
    background-repeat: no-repeat;
     background-color: white;
    width: 300px;
    height: 100px;
    float:left;
    z-index:1;
    positon:absolute;
   
}
#menu{
    width:600px;
    height:50px;
    background-color:#86c237;
    float:right;
    margin-top: 20px;
}
a.enlace{
    font-weight: bold;
    font-family:helvetica;
    font-size: 15px;
    margin: 0 auto;
    text-decoration: none;
    color:white;
    padding: 10px;
    
}
a:hover.enlace{
    color:#fffc00;
    
}
li{
    display: inline;
    margin: 0 auto;
    
}


header{
    width:900px;
    height:300px;
    margin: 0 auto;
    background: black;
    overflow: hidden;
}
#barra{position:absolute;
background: url(images/font.jpg); width: 100%; height:200px;z-index:-1;}
#hori{
    width:10px;
    height: 300px;
    background: url(images/hori.png);
    float: left;
}

#photo{position:absolute;
background-color:#e3f700; width: 100%; height:200px;z-index:-1;}



article{
    margin: 0 auto;
    width:900px;
    height: 200px;
   /* background:white;*/
    padding: 0px;

}

#vineta{
    width:250px;
    height:150px;
     border: 4px solid #ffffff;
     background: url(images/vineta.png);
    float:left;
    margin: 20px;
}
#vineta:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
a.vine{
    
    text-decoration: none;
}

#vineta1{
    width:250px;
    height: 150px;
    border: 3px solid #ffffff;
    background: url(images/vinetaout1.png);
   
    float: left;
    margin: 20px;
}
#vineta1:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
#vineta2{
    width:250px;
    height: 150px;
     border: 3px solid #ffffff;
     background: url(images/vineta2.png);
    
    float: left;
    margin: 20px;
}
#vineta2:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}


#evineta{
    width:250px;
    height:150px;
     border: 4px solid #ffffff;
     background: url(images/evineta.png);
    float:left;
    margin: 20px;
}
#evineta:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
a.vine{
    
    text-decoration: none;
}

#evineta1{
    width:250px;
    height: 150px;
    border: 3px solid #ffffff;
    background: url(images/evinetaout1.png);
   
    float: left;
    margin: 20px;
}
#evineta1:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
#evineta2{
    width:250px;
    height: 150px;
     border: 3px solid #ffffff;
     background: url(images/evineta2.png);
    
    float: left;
    margin: 20px;
}
#evineta2:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}


#gvineta{
    width:250px;
    height:150px;
     border: 4px solid #ffffff;
     background: url(images/gvineta.png);
    float:left;
    margin: 20px;
}
#gvineta:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
a.vine{
    
    text-decoration: none;
}

#gvineta1{
    width:250px;
    height: 150px;
    border: 3px solid #ffffff;
    background: url(images/gvinetaout1.png);
   
    float: left;
    margin: 20px;
}
#gvineta1:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}
#gvineta2{
    width:250px;
    height: 150px;
     border: 3px solid #ffffff;
     background: url(images/gvineta2.png);
    
    float: left;
    margin: 20px;
}
#gvineta2:hover{
      /* background: url(images/vineta.png);*/
	/*border: 4px solid #3fc000;*/
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
	-o-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
}

section{
    width:900px;
    height:100%;
    padding:10px;
    overflow: hidden;
    margin: 0 auto;
    padding-top:40px;
}

#raya{
    padding-top:40px;
    width:900px;
    margin: 0 auto;
    
}

#raya2{
    padding-top:40px;
    width:900px;
    margin: 0 auto;
    
}

#image{
    width:300px;
	height:200px;
	 margin-top:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
}


.photopro{
    border: 4px solid #eaeaea;
    width:280px;
	height:190px;
	 margin-top:0px;
    margin-left:apx;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
    border-radius: 15px;
	-moz-borde-radius: 15px 0px 15px 0px ;
	-o-borde-radius:15px 0px 15px 0px ;
	-webkit-borde-radius: 15px 0px 15px 0px ;
    
}

#tex{
    width:850px;
    height:100%;
    margin-left:10px;
    margin-right:10px;
}
h1{
    margin: 0 auto;
    padding-bottom:10px; 
}

h1.title{
     font-family:helvetica;
    font-size: 25px;
    margin: 0 auto;
    color:black;
    text-decoration:none;
     
}

a.title{
    font-family:helvetica;
    font-size: 25px;
    margin: 0 auto;
    color:black;
    text-decoration:none;
    
}
a:hover.title{
    margin: 0 auto;
    color:green;
    text-decoration:none;
    
}
hr{
    color:#008000;
    border: 1px dotted;
    
    
}
p{
    font-family:helvetica;
    font-size: 14px;
    color:black;
    margin: 0 auto;
    width: 900px;
    text-align:justify;
}
#imagecon{
    width:400px;
	height:200px;
	 margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
    float:left;
}
.conta{
    margin: 0 auto;
    width:77px;
    height:244px;
    float:left;
    
}
.con1{
    margin: 0 auto;
    width:250px;
    height:144px;
   float: top;
   position: absolute;
}

#cont{
    margin: 0 auto;
    width: 250px;
    float: left;
    display: inline-block
}
.txt{
    font-family:helvetica;
    font-size: 15px;
    background-color: green;
    color:red;
    text-align:justify;
    
}
.cuerpo{
    width: 500px;
    
}



#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}





/* For the demo only */
#content {
    background: #D0E5FF;
    padding: 20px;
    color: #00214B;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8;
}
#footer {
	background: green;
	line-height: 1.2;
	text-align: center;
	color: white;
	font-size: 12px;
	font-family: helvetica;
	font-weight: bold;
	text-shadow: 0 1px 0 black;
	box-shadow: 0 0 15px #00214B
}


#pie{
     font-family:helvetica;
    font-size: 12px;
    width:900px;
    height:50px;
    margin: 0 auto;
    color:white;
    text-align: center;
}
#pie2{
		bottom: 0;
     font-family:helvetica;
    font-size: 12px;
    width:900px;
    height:50px;
    margin: 0 auto;
    color:white;
    text-align: center;
}
a.foote{
    text-decoration: none;
    color:white;
}