/*-------------FUENTES--------------------------------------------------*/

@font-face {
    font-family: 'dinc';
    src: url('./font/dinC.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('./font/OpenSans-Regular-webfont.eot');
    src: url('./font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/OpenSans-Regular-webfont.woff') format('woff'),
         url('./font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('./font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-----------------------------------------------------------------------*/
* { margin:0; padding:0;}
body{ width:100%; background-color:white;color:#333333;}
#center{ width:1120px;
         margin-left:auto;
         margin-right:auto;
         position:relative
         ;font-family:OpenSans}        
#bannertop{ height:82px;}
#title{float:left; margin-top:28px; }
#socialm{width:50%;float:right; margin-top:20px}  
#socialm div img{ border:0px}  

#bannerblue{ height:436px; background-color:#CCEFFF;}
#textblue{  width:580px;float:left;}
#titulob1{
	font-size: 50px;
	color: #333333;
     font-family:dinc;
	margin-top: 48px;
	margin-left: 50px;
	line-height: 67px;
	text-align: justify;
}
#titulob2{
	font-size: 24px;
	color: #f15e37;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 10px;
	margin-left: 50px;
	line-height: 35px;
}
#book{  width:540px;float:left;}
#sombra{ background-image:url('img/sombrab.png');background-position:center;height:27px; }  	
#menu{ height:114px; }
#menu ul{
	margin-left: 40px
}
#menu ul li{
	list-style: none;
	float: left;
	font: 18px OpenSans;
	font-weight: bolder;
	text-align: center;
}
#menu ul li:hover{
	background-color: #000000;
	
	font-weight: bolder;
}
#menu ul li a:hover{
	color: #f15e37;
	font-family: OpenSans;
	
}
#cs{ }
#cs:hover{ background-color:white}

#borde{
	border-right-width: 2px;
	border-right-style: groove;
}
.cuadro{ height:428px; width:33%; margin-right:3px; float:left;  background-color:#eaeaea; }
#c1{ background-image:url('img/eddiefadel .png')}
#ret{
	height: 333px;
	width: 100%;
}
#piegris{ height:85px}
.gris{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 48px;
}
.fechagris{
	text-align: center;
	color: #F1623C;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
}
#pie{
	font-family: OpenSans;
	font-size: 12px;
	color: #545454;
	margin-top: 50px;
	height: auto;
}
#release{
	position: absolute;
	left: 475px;
}
#torg{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	color: #F15E37;
	line-height: 40px;
	font-weight: lighter;
	margin-bottom: 10px;
}
.parrafo{
	font-family: OpenSans;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	margin-top: 12px;
	margin-bottom: 12px;	
    width: 540px;
}
#go{ margin-top:65px;

}
a{ color:#333333; text-decoration:none;border:0px}
a :hover{ color: orange;}
a :visited{ color:#333333;}
a :link{ color:#333333;}
/*------------------------------------------------------*/

#media{
	margin-top: 45px; width:800px; margin-left:auto; margin-right:auto
}

#section{
	width: 185px;
	float: left;
	margin-right: 14px;
	margin-left: 14px;
}
#barra{
	width: 1px;
	background-color: #5C5C5C;
	height: 560px;
	float: left;
}

#img1{}

#section div p{
	margin-top: 25px;
	font-family: OpenSans;
	font-size: 18px;
	line-height: 36px;
}
#item{ height:50px; margin-top:5px}
#img1 div p samp{}
#rallita{ float:left;height:18px;width:1px;background-color:black; margin-top:3px}
}