/*Alex 2012-09-25 */

ARTICLE {
	float: left;
	height: 220px;
	width: 1024px;
	position: relative;
	margin-top:10px;
	z-index: 1;
	
}

ARTICLE #loopeded {

	float: left;
	height: 200px;
	width: 250px;
	position: relative;
	margin-top:30px;
	
        
	z-index: 2;
	
}

ARTICLE #captioned {

	float: right;
	height: 198px;
	width: 757px;
	position: relative;
	margin-top:5px;

        background-color: #3B83AB;

	-moz-box-shadow: -2px -2px 1px #000;
	-webkit-box-shadow: -2px -2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');


 	overflow: hidden;
	z-index: 201; 
}

ARTICLE #captioCaja {

	float: left;
	height: 198px;
	width: 757px;
	position: relative;
	margin-top:0px;
	top: 0px;
	left: -758px;
        background-color: #FFFFFF;
	z-index: 210; 
	opacity:0.85;
	filter:alpha(opacity=50);
}

ARTICLE P {
	float: left;
	position: absolute;
	margin-top:20px;
	margin-left:20px;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	top: 0px;
	left: -758px;
	z-index: 220; 
	width: 720px;
	
}

ARTICLE #ie_otraP {
	float: left;
	position: relative;
	top: -71px;
	left: 69px;
	z-index: 201; 
        white-space: nowrap;
        
}

ARTICLE A { color: #ffffff;}
ARTICLE A:hover { color: #000064}

ARTICLE H2 {
	float: left;
	position: relative;
	font-weight: bold;

	z-index: 202;
	font-size: 14px;
	margin-top:-1110px;
	margin-left:-1110px;

}


/*flecha seccion imagen*/

ARTICLE #flecha
{
	float: left;
	position: absolute;
	top: 0px;
	left: -1190px;
	z-index: 10;
}

ARTICLE #flecha2
{
	float: left;
	position: absolute;
	top: 100px;
	left: -1350px;
	z-index: 20;
}
ARTICLE #flecha3
{
	float: left;
	position: absolute;
	top: 150px;
	left: -990px;
	z-index: 30;
}
ARTICLE #flecha4
{
	float: left;
	position: absolute;
	top: 50px;
	left: -670px;
	z-index: 204;
}



SECTION {
	float: left;
	height: 128px;
	width: 1024px;
	position: relative;
	margin-top:0px;
	z-index: 200;

}



SECTION #trabajos {

	float: left;
	height: 123px;
	width: 1024px;
	position: relative;
	margin-top:0px;
	overflow:hidden;
       

	background-color: #3B83AB;

	-moz-box-shadow: -2px -2px 1px #000;
	-webkit-box-shadow: -2px -2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');


 
	z-index: 201; 
}

SECTION #grupoTrabajos {

	
	height: 115px;
        width: 2048px;
	left:0px;
	top:0px;
	position: absolute;
	margin-top:0px;
	margin-left:15px;
       
	z-index: 202; 
}

SECTION .venTraba {
	float: left;
	height: 100px;
	width: 170px;
	position: relative;
	margin-top:10px;
	margin-left:20px;
 	background-color: #19354A;
	border-style:solid;
	border-width:2px;
	border-color: #7DB2D2;
	z-index: 203;
	

	-moz-box-shadow: -2px -2px 1px #000;
	-webkit-box-shadow: -2px -2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}



SECTION P {

	
}

SECTION #ie_otraPe {
	float: left;
	position: relative;
	top: -78px;
	left: 68px;
	z-index: 201; 
}

SECTION A { color: #ffffff;}
SECTION A:hover { color: #000064}


ASIDE {
	float: left;
	height: 250px;
	width: 1024px;
	position: relative;
	margin-top:5px;
	z-index: 200;
	overflow:hidden;

}

ASIDE #espacioVacio{

	float: left;
	height:432px;
	width: 760px;
}


ASIDE #detalle {

	float: right;
	height: 250px;
	width: 760px;
	position: relative;
	margin-top:0px;

       
	overflow:hidden;

	 background-color: #FFFFFF;

	-moz-box-shadow: -2px -2px 1px #000;
	-webkit-box-shadow: -2px -2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');


 
	z-index: 201; 
}

ASIDE #detImage{
	float: left;
	height: 245px;
	width: 300px;
	position: relative;
	margin-top:1px;
	margin-left:1px;
 	background-color: #19354A;
	z-index: 201;
	

	
}

ASIDE #detVideo{
	float: left;
	height: 248px;
	width: 758px;
	float: left;
	position: absolute;
	top:0px;
	left:-759px;
	margin-top:0px;
	margin-left:0px;
 	background-color: #000000;
	opacity:0.0;
	
}

ASIDE #detTxt{
	float: left;
	height: 245px;
	width: 454px;
	position: relative;
	margin-top:1px;
	margin-left:1px;
 	
	z-index: 200;
	
	overflow:hidden;

	
}

ASIDE #detTxtVacio{

	float: left;
	height:454px;
	width: 760px;
	color:#000000
	margin-top:1px;
	margin-left:1px;
	z-index: 202;
}


ASIDE #detalleTit {

	float: left;
	height: 140px;
	width: 250px;
	position: relative;
	margin-top:45px;

        background-color: #19354A;
	z-index: 201;
	border-style:solid;
	border-width:2px;
	border-color: #7DB2D2;

	-moz-box-shadow: -2px -2px 1px #000;
	-webkit-box-shadow: -2px -2px 0px #000;
	box-shadow: 0px 2px 2px 0px #000;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}




ASIDE #menuSup { float: left; width: 185px; padding-left: 18px; border-left: 1px solid #666; margin-top: 11px }
ASIDE #menuSup UL { float: left; width: 100%}
ASIDE #menuSup LI { float: left; width: 100%; margin-bottom: 0px; color:#900; font: 1.1em; cursor:pointer;font-weight:bold;}
ASIDE #menuSup LI:hover {color: #333}
ASIDE #menuSup LI#Selected {color: #333}

ASIDE #titulo { float: left; font-family:logoFont, Arial, Helvetica, sans-serif; width: 269px; padding-left: 18px; margin-top: 11px }
ASIDE #titulo H1 {  color:#0C4F7A;  font-size: 1.9em;}
ASIDE #titulo H1 A {  color:#0C4F7A;}
ASIDE #titulo H1 A:hover {color: #333}



ASIDE #titulo H2 { font-size: 1.2em; font-weight: bold; color: #333333; margin-top: 5px; line-height: 14px; padding-right: 18px;}
ASIDE #contenido { width: 460px; float: left; padding-left: 18px; margin-top: 11px }
ASIDE #contenido P { font-size: 1.2em; line-height: 14px; color: #333; margin-bottom: 15px; width: 420px; padding-right: 18px; }
ASIDE #contenido UL { margin-bottom: 15px; }
ASIDE #contenido LI { font-size: 1.2em; line-height: 14px; color: #333; padding-left: 15px; margin-bottom: 6px }


ASIDE .contenidox { 
	width: 265px; 
	float: left; 
	padding-left: 18px; 
	margin-top: 11px;
	padding-top: 5px;
	margin-left: 5px;
	position: absolute;
	top: 245px;
	left: 0px;
	
	 border-right: 1px solid #666;
	border-bottom: 1px solid #666; 
	 background: #ffffff 

}

ASIDE .contenidox P { font-size: 1.2em; line-height: 14px; color: #333; margin-bottom: 15px; width: 260px; padding-right: 18px; }

ASIDE .contenidox A { color: #999; font: 1.1em;}

ASIDE .contenidox A:hover {color: #900}

CANVAS {
	position: relative;
	float: left;
	
	margin-left:0px; 
	margin-top:-25px; 

	/*border:1px solid #000000;*/
	z-index: 210; 

}

.ie CANVAS {
	

}