/* ELEMENTOS DE #contenido DE EVENTOS.PHP */
/* -------------------------------------------------------------------------------------*/


.filaResumen .columna {
    width:33.3333%;
    margin:0px;
	padding:0px 15px;
    float:left;
}

.pestania {
    margin:0px 15px;
    padding:0px 10px;
    font:normal 10px/18px "Roboto",arial,sans-serif;
	  color:#FFFFFF;
    text-align: center;
	  border:1px solid;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
	  -moz-border-top-left-radius:5px;
	  -moz-border-top-right-radius:5px;	  
	  -webkit-border-top-left-radius:5px;
	  -webkit-border-top-right-radius:5px; 
}

.pestaniared { 
    border-color:#FC685B;
	background-color:#D72F1F;
}

.pestaniagris { 
    border-color:#7F7F7F;
	background-color:#3B424D;
}



.celda3 {
    margin:0px 0px 50px;
    min-height:1px;
	/*height:435px;*/
	background-color:#FFFFFF;     /*#F5F5F5;*/
	border:1px solid #D8D8D8;
	border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
    clear:both;
}

.celda3 > h3 {
    height:66px;
    margin:15px 5px 10px 5px;
	padding:0px 10px;
	font-weight:normal;  
    font-size:24px;          /*12px;*/
	line-height:30px;        /*40px;*/
    color:#333;              /*#999;*/
}

.celda3 div.imagen {
    width:100%;
	margin:0px;
	padding:5px;
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
}

.celda3 img {
	width:100%;
    margin:0px;
	padding:0px;
}

.celda3 > .header {
    margin:15px;
}

.celda3 > .header > p {
    margin:0px;
	padding-left:10px;   /*60px;*/
	height:150px;
    font-size:13px;
	font-weight:bold;
	line-height:1.4;
    color:#262626;
}

.celda3 > .header img {
    float:left;
}

.celda3 > .header span {
    padding-top:5px;
	font:normal 16px/28px "Segoe-UI", "DroidSans", "Roboto", Arial, Verdana;
    word-wrap:break-word;
    color:#333;
    display: inline-block;
}



/* TABLA USADA EN EMPRESAS - > CLIENTES */

div.tabla1 {
    width:100%;
	min-width:450px;
    margin:0px;
	font-family: "Roboto",arial,sans-serif;

	font-weight:normal;  
    font-size:12px;          /*12px;*/
	/*line-height:20px;*/        /*40px;*/
    color:#333;              /*#999;*/

	background-color:#FFFFFF;     /*#F5F5F5;*/
	border:1px solid #D8D8D8;
	border-radius:4px;
	  -moz-border-radius:4px;
	  -webkit-border-radius:4px;
    clear:both;
}

div.tabla1 > .linea {
    width:100%;
	height:100%;
    margin:0px;
	border-bottom:1px solid #D8D8D8;
	display:table;
}

div.tabla1 > .linea > .celda {
    width:33.3333%;
    margin:0px; 
	padding:7px 5px;
	border-left:1px solid #D8D8D8;
	display:table-cell;
}

.tabla1Titulo {
	font-weight:bold;  
    font-size:16px;
	line-height:24px;
	color:#C20303;     /* B53434 */
}





















article.evento {
    width:400px;
    margin-top:30px;
	font-family:"Roboto",arial,sans-serif;
	background-color:#F5F5F5;
	border:1px solid #D8D8D8;
	border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
}
.centrar {
    margin-left:auto;
	margin-right:auto;
}

/*
.evento_izq {
    margin-left:28px;
    float:left;
}
.evento_der {
    margin-right:28px;
    float:right;
}
*/
article.evento > h3 {
    height:40px;
    margin:0px 15px;    
    font-size:12px;
	font-weight:normal;
	line-height:40px;
    color:#999;
    border-bottom:1px solid #E5E5E5;
}

article.evento > header {
    margin:20px 15px 20px 20px;
}
/*
article.evento > header > p {
    margin:0px;
	padding-left:60px;
    font-size:13px;
	font-weight:bold;
	line-height:1.4;
    color:#262626;
}

article.evento > header img {
    float:left;
}
*/
article.evento > header span {
    padding-top:10px;
    font-size:12px;
	font-weight:normal;
	line-height:1.7;
    word-wrap:break-word;
    color: #999;
    display: inline-block;
}

article.evento div.detalle {
    margin-bottom:20px;
	padding:20px 15px 20px 25px;
    font-size:13px;
    line-height:1.4;
    color: #404040;
    border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background-color:#FFFFFF;
}	
/*
article.evento div.detalle a { 
    font-size:10px;
}


article.evento div.galeria {
    margin:0px 14px 3px;
}*/



@media screen and (max-width: 640px) { 
   .filaResumen .columna { width:50%; }
}
/*@media screen and (max-width: 360px) { */
@media screen and (max-width: 480px) { 
   .filaResumen .columna { width:100%; }
}