@import url("BigCaslon/stylesheet.css");

body{
	height: 120%;
	background-color:#E8E8E8;
/*	border-top-width: thick;
	border-top-style: hidden;
*/	width:98.8%;
	/*margin:auto;min-width:600px;max-width:800px;*/
}
hr{
	width: 40%;
	
	background-color: #399;
	
	
}
i{color:#B8B8B8;}
#cabeceraIndex{
	width: 100%;
	height: 200px;
	/*background:#E54446;*/
	text-align: center;
		background-color: black;

	color: white;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	padding-bottom:0px;
	padding-top:14px;
}
#cabeceraIndex a{color:white;}
 span.nombreWeb{font-size:25pt;}
#cabecera{
	width: 100%;
	height: 120px;
	padding-top:5px;
	background-color:#333;
	text-align: center;
	color: white;
/*	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
*/	font-size: 22pt;
/*	padding-bottom:4px;
	padding-top:14px;
*/}
#cabecera a{color:#E7180E;font-family: 'Asap', sans-serif; font-size:66px;text-decoration:none;}

#cabecera a:hover{text-decoration:underline;}

.contenedor {
	width: 100%;
	height: 100%	;
	margin-top:5%; 
	margin-bottom:5%;
	position: relative;
	float: left;
}

.contenedorPerfil {
	width: 100%;
	height: 100%	;
	margin-bottom:5%;
	position: relative;
	float: left;
		margin-top:5%; 

}
.info
{
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	color: #5C6062;
	font-family: 'Cardo', serif;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	
	
}
.info h4{/*font-family: 'Dancing Script', cursive; font-family: 'Courgette', cursive;*/
	 font-family: 'Courgette', cursive;
	 font-style: normal;
	 font-size:34px;
	 color:#266382;
	 text-align:center;
	 }

.infoPerfil
{
	position: relative;
	float: left;
	width: 49%;
	height: 100%;
	margin-left: 4%;
	
	/*background-color:#A12C2E;*/
}
.textPerfil{	
color: #5C6062;
	font-family: 'Cardo', serif;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;	
	}
.infoPerfil h4{/*font-family: 'Dancing Script', cursive; font-family: 'Courgette', cursive;*/
 font-family: 'Courgette', cursive;
	 font-style: normal;
	 font-size:34px;
	 color:#266382;
	 text-align:center;
	 }
.infoPerfil img{
	padding-left:4%;
	margin-left:4%;
	margin-bottom:4%;
	text-align:center;
	
}
.publi
{
	position: relative;
	float: left;
	height: auto;
	margin-left:5px;
	height:100%;
	width:auto;
	
}
.publiPerfil
{
	position: relative;
	float: left;
	/*background-color:#AE2DDB;*/
	height: 100%;
	width:0%;
	margin-left:10%;
	
	
}

#listaCasos
{
	float: right;
	position: relative;
	width: 24%;
	height:1000px;
	display: block;
}
a.categoria
{
	color: red;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-style: normal;
	font-weight: bold;
	text-indent: 73px;
}

#listaCasos a{		
text-decoration:none;
}
#listaCasos ul, a
{
	color: black;
	list-style-type: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: lighter;
}
#listaCasos a:hover
{
/*	background-color:black;
	color:white;		text-decoration:none;
*/
cursor:default;	
}
#listaCasos p{font-weight: bold; font-size: medium;}

.motivo{
padding-top: 20px;
	text-align: center;
	color:black;
	margin-left:0px;
	margin-bottom:5%;
	text-align:center;
	position:relative;float:left;
	width: 101.5%;
	height: 60px;
	text-transform: uppercase;background-color:white;
/*	border-bottom-color: #EC5759;
	border-bottom-style: solid;	
*/}
.motivo #titulomotivo{color:#0A87D2; 	font-size:25px;
}
.motivo #etiquetamotivo{
	font-style: italic;
	font-size: small;	
}
.casos{/*background-color:#B3393B;*/float:left;position:relative;width:50%;height:100%;margin-left:5.45%;}
#caso-unoConstr{width:101%; background-color:#000000; height:650px;position:relative;float:left;margin-left:0%;margin-bottom:20px;}
 

#casoPRE
{
	position:relative;
	float:left;
	background-color:#000;
	width:101.5%;
	margin-bottom:20px;
}

.motivoPRE p{
/*	background-color: #EEEEEE;
*/	background-color:white;
	color:black;
	text-align:center;
	position:relative;float:left;
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:10px;
	margin-top:10px;
	height:100%;
	text-transform:uppercase;
	
}
#casoPRE:hover #ratonhover {
               opacity:.91;}
 
  #ratonhover {  background:#E88A3A;
               text-align:center;
               height:60px;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
z-index:0;
}
#ratonhover a{
	font-family: Helvetica;
	font-size:36px;
	color: #FFF;
			   }
 
#presen{
	margin-top: 20px;
	
	width: 101.5%;
	background-color: white;
	/*	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
*/	


	
}
#presen img{margin:2.5%;width:680px;height:480px;margin-left:2%;}
#presen p{
	color: black;
	font-weight: lighter;
	font-size: 12pt;
	font-style: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
	height: 50%;
/*		background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,213,213,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,213,213,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,213,213,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(213,213,213,1.00) 100%);		
*/
	}
h6{
	font-size: 60px;
	color: #EAEAEA;
	text-align: center;
}
/*#caso-uno object 
{
	text-align: left;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	margin-top: 15px;
	
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	
	
}*/
 #designer {float: left;
	margin-left:10px;
	}
	 #helpdesk{float: right;
	margin-right:10px;
	}
	#footer {
	width: 100%;
	height: 50px;
	position: relative;
	background-color: black;
	color:white;
	clear: both;
}
#footer a{color:white;}
/*#footer:hover{height:50px;}
*/table{
	width: 101.75%;
	color: #FFFFFF;
	margin: 10% 20% 10% auto auto;
	/*	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
*/	
	font-weight: normal;
	font-size: 12pt;
	font-style: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
table th{background-color:white; color:black;padding:5px;}
table td{background-color:white;text-align:justify; color:hsla(0,0%,1%,1.00);padding-left:5px;padding-right:5px; padding-top:10px; padding-bottom:10px;}
/*.sinContenido{text-decoration:line-through;}
*/#video1,#video2{float:center;margin-bottom:10px;}
#video p.video {background-color:#EC9C9D;color:white;width:100%; margin-left:0%;}
.comentarios{
	float: right;
	position: relative;
	
	width: 17%;
	height: 100%;
	border-style: solid;
	border-color: #8C8686;
}
.comentarios form{background-color:white;padding:5px;}
.comentarios form input{text-align:right;}
.comentarios form textarea{resize:none;}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

form.form-input input {
	background-color: white;/*#E6E4E4;
*/	width: auto;
	height: auto;
	
/*	opacity:.26;
*/	text-align:justify;
	margin-left:13%;
	font-size:16px;
	margin-bottom:0%;
/*	border-color: #329A67;
	border-style: outset;
*/}
form.form-input  {
	width: 100%;
	height: auto;
	margin-left:5%;
	margin-top:2%;
	opacity:.26;
	text-align:justify;
	font-size:16px;
	padding:1%;
/*	border-color: #329A67;
	border-style: outset;
*/}
form.form-input:hover  {opacity:1;}

#formIndex form {
	width: 50%;
	height: auto;
	margin-top: 1%;
	background-color: #DBDBDB;
	opacity:.26;
	color: #E45A5C;
	margin-left:20%;
}
#formIndex form:hover{opacity:1;}

#moreinfo{color:#E45A5C; padding-bottom:1%;}
#presen p.textoCaso{
}


/*

#links
{
	
	position: relative;
	float: left;
	width: 60%;
	text-align: center;
	color:#339999;margin-right: 0%;
	
}
#links a{
color:#339999;text-decoration:none;


}#links a:hover{color:#FFF;}
#links div
{
	height: auto;
	cursor: pointer;
	width: 100%;
	margin-top: 15%;
	padding-top: 4%;
	padding-bottom: 4%;
	background-color: #FFF;
	border-color: #339999;
	border-style: none none solid;
	border-bottom-width: 3px;
	font-weight: 400;
	font-size: large;
}

#links div:hover{
	background-color:#399;color:#FFF;
	
}
#links div.telefono:hover {background-image:none;color:#FFF;
	}*/
.cabInfo{width:100%; height:10%;}
.cabCorreo{float:left;text-align:center;margin-left:25%;}

.cabNombre{float:right;text-align:center;margin-right:25%;}

@media screen and (max-width:640px){
.publi{display:none;}}