/* CSS Document */

.banner{
	border:solid #ececec 5px;
	margin:20px 0px 20px 0px;
}

.izquierdo{
	float:left;
    text-align:left;
	margin:10px 20px 0px 0px;
	width:407px;
	background-color:#f2f2f2;
	overflow: hidden;
	
}

.izquierdo2{ 
	float:left;
    text-align:left;
	margin:10px 20px 0px 0px; 
	width:407px;
	background-color:#f2f2f2;
	overflow: hidden;
	
}

.derecho{
	float:left;
    text-align:left;
	padding:10px 0px 0 0px;
	/*width:518px;*/
	width:calc(100% - 427px);
	overflow: hidden;
}

.derecho2{
	float:left;
    text-align:left;
	padding:10px 0px 0 0px;
	/*width:518px;*/
	width:calc(100% - 427px);
	overflow: hidden;
}

.imagen{
	float:left;
	padding:22px 10px 22px 10px;
}

.enlace{
	float:left;
	padding:30px 0px 30px 10px;	
	/*background:url(../imagenes/flechita.png) 60px 34px no-repeat ;*/	
	width:120px;
}

.icono{
	float:left;
	padding:0px 0px 23px 0px;
	width:132px;
}

.texto{
	float:left;
	box-sizing:border-box;
	padding:0px 0px 30px 25px;	
	width:calc(100% - 132px);
}









/* estilos de la parte izquierda */


.tit{
	margin:0 0 4px 0;
}

.titg{
	clear:both;
	margin:0 0 4px 0;
	background:url(../imagenes/tit_congreso2010.gif) no-repeat;
	width:723px;
	height:27px;	
}


.c_organizan{
	background:#f1ecde;
	width:211px;
	height:97px;
	margin:0 0 3px 0;
}
.c_organizan2{
	background:#f1ecde;
	width:211px;
	height:103px;
	margin:0 0 3px 0;
}

.img_organizan{
	margin:5px 5px 5px 5px;
}

/* estilos de la parte derecha */

.banner1{
    position:relative;
	background:url(../imagenes/asifuex.jpg);
	width:724px;
	height:256px;
}

.texto1{
    position:relative;
	padding:202px 0 0 245px;
	width:450px;
}

.noti1{
    position:relative;
	float:left;
	background:url(../imagenes/img_accesogaleria.jpg);
	width:218px;
	height:166px;
	margin:0 17px 0 14px;
}

.noti2{
    position:relative;
	float:left;
	width:474px;
	margin:0 5px 15px 14px;
}

.tit_noti{
    position:relative;
	margin:0 0 3px 0;
	
}

.fotonoti{
    position:relative;
	margin:5px 0 0 6px;
	
}

.fotonoti2{
    position:relative;
	margin:5px 0 0 6px;
	
}

.desc_noti{
    position:relative;
	text-align:justify;
	margin:107px 0 0 68px;
	
}
.texnoti{
    position:relative;
	text-align:justify;
	margin:0 0 0 10px;
	width:705px
	
}
.rayapuntos{
    clear:both;
    text-align:left;
	position:relative;
	background:url(../imagenes/punto.gif) repeat-x left;
	width:721px;
	height:3px;
	margin:0 0 0 10px;
	padding: 5px 0 0 0;
}

.rayapuntos2{
    float:left;
    text-align:left;
	position:relative;
	background:url(../imagenes/punto.gif) repeat-y;
	width:3px;
	height:100px;
	margin:10px 0 0 5px;
	padding: 5px 0 0 4px;
}

.notislateral{
	float:left;
	padding:5px 12px 0 0;
	width:474px;
}

.banner2{
	padding:10px 0 0 0;
	width:170px;
	float:left;
}
.img_banner2{
	border:4px solid #f1ecde;
	
}
.menu2010{
	clear:both;
	margin:30px 0 0 14px;
}
.imgbotones{
	margin:3px 0 0 0px;
}

#text2, #text3, #text4, #text5 { white-space:normal }

@media screen and (max-width:940px) {

	/*#text2, #text3, #text4, #text5 { white-space: normal; }*/
	
	.izquierdo{ float:none; margin:10px auto 20px auto; width:407px; }
	
	.izquierdo2{ float:none; margin:10px auto 20px auto; width:407px; }
	
	.derecho{ float:none; width:100%; margin:auto; }
	
	.derecho2{ float:none; width:418px; margin:auto; /*border:1px solid red;*/ }
	
}


@media screen and (max-width:767px) {
	 
	.izquierdo{ float:none; margin:10px auto 20px auto; width:407px; }
	
	.izquierdo2{ float:none; margin:10px auto 20px auto; width:407px; }
	
	.derecho{ float:none; width:100%; margin:auto; }
	
	.derecho2{ float:none; width:418px; margin:auto; /*border:1px solid red;*/ }
	
	


}

@media screen and (max-width:480px) {
	
	.izquierdo{ width:100%; background-color:transparent; }
	
	.izquierdo img{ width:100%; }
	
	.icono{ width:100px }
	
	.icono img { width:100% }
			
	.izquierdo2{ width:100%; }
	
	.derecho2{  width:100%; margin:auto; }
	
}


@media screen and (max-width:444px) {
	
	.enlace { padding: 0px 0px 30px 10px; background: url(../imagenes/flechita.png) 60px 4px no-repeat; }
	
}



.verde23{font-family:"Arial Rounded MT Bold", Arial, serif; font-size:23px; color:#3da732;}
.gris12bold{font:Arial, Helvetica, sans-serif;color:#5c5850; font-weight:bold; font-size:12px;}