@charset "UTF-8";
/* CSS Document */

body
{
	background-color: #FFF;
}

*
{
	margin:0 auto 0 auto;
}


/*------------------------------------------------caja1*/

#caja1
{
	top:80px;
	margin: 0 auto 0 auto;
	position:relative;
	width:760px;
	height:2034px;
	background-color: #FFF;
}

#image1
{
	position:absolute;
	top:0px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image45.jpg);
}

#info1
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #cc0033;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image1:hover 
#info1
{
	opacity:1;
}

#textofoto1
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image1:hover
#textofoto1
{
	margin-left:100px;
	margin-top:80px;
}


#image2
{
	position:absolute;
	top:0px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image59.jpg);
}

#info2
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #33ccff;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image2:hover 
#info2
{
	opacity:1;
}

#textofoto2
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image2:hover
#textofoto2
{
	margin-left:76px;
	margin-top:80px;
}



#image3
{
	position:absolute;
	top:217px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image42.jpg);
}

#info3
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #FC0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image3:hover 
#info3
{
	opacity:1;
}

#textofoto3
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image3:hover
#textofoto3
{
	margin-left:112px;
	margin-top:80px;
}


#image4
{
	position:absolute;
	top:217px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image62.jpg);
}

#info4
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #009999;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image4:hover 
#info4
{
	opacity:1;
}

#textofoto4
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image4:hover
#textofoto4
{
	margin-left:138px;
	margin-top:80px;
}

#image5
{
	position:absolute;
	top:434px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image47__.jpg);
}

#info5
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #cc0066;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image5:hover 
#info5
{
	opacity:1;
}

#textofoto5
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image5:hover
#textofoto5
{
	margin-left:100px;
	margin-top:80px;
}

#image6
{
	position:absolute;
	top:434px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image52.jpg);
}

#info6
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #0033cc;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image6:hover 
#info6
{
	opacity:1;
}

#textofoto6
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image6:hover
#textofoto6
{
	margin-left:105px;
	margin-top:80px;
}

#image7
{
	position:absolute;
	top:651px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image53.jpg);
}

#info7
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #ff6633;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image7:hover 
#info7
{
	opacity:1;
}

#textofoto7
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image7:hover
#textofoto7
{
	margin-left:100px;
	margin-top:80px;
}

#image8
{
	position:absolute;
	top:651px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image96.jpg);
}

#info8
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #3399ff;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image8:hover 
#info8
{
	opacity:1;
}

#textofoto8
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image8:hover
#textofoto8
{
	margin-left:78px;
	margin-top:80px;
}


#image9
{
	position:absolute;
	top:868px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image38.jpg);
}

#info9
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #FDC235;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image9:hover 
#info9
{
	opacity:1;
}

#textofoto9
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image9:hover
#textofoto9
{
	margin-left:102px;
	margin-top:80px;
}


#image10
{
	position:absolute;
	top:868px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image33.jpg);
}

#info10
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #339900;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image10:hover 
#info10
{
	opacity:1;
}

#textofoto10
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image10:hover
#textofoto10
{
	margin-left:64px;
	margin-top:80px;
}


#image11
{
	position:absolute;
	top:1085px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image32.jpg);
}

#info11
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #cc00cc;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image11:hover 
#info11
{
	opacity:1;
}

#textofoto11
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image11:hover
#textofoto11
{
	margin-left:116px;
	margin-top:80px;
}



#image12
{
	position:absolute;
	top:1085px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image27.jpg);
}

#info12
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #3F9;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image12:hover 
#info12
{
	opacity:1;
}

#textofoto12
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image12:hover
#textofoto12
{
	margin-left:120px;
	margin-top:80px;
}


/*----------*/
#image13
{
	position:absolute;
	top:1302px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image29.jpg);
}

#info13
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #0033cc;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image13:hover 
#info13
{
	opacity:1;
}

#textofoto13
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image13:hover
#textofoto13
{
	margin-left:126px;
	margin-top:80px;
}


/*----------*/

/*----------*/
#image14
{
	position:absolute;
	top:1302px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image25.jpg);
}

#info14
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #009999;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image14:hover 
#info14
{
	opacity:1;
}

#textofoto14
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image14:hover
#textofoto14
{
	margin-left:92px;
	margin-top:80px;
}


/*----------*/

#image15
{
	position:absolute;
	top:1520px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image34.jpg);
}

#info15
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #ff6633;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image15:hover 
#info15
{
	opacity:1;
}

#textofoto15
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image15:hover
#textofoto15
{
	margin-left:98px;
	margin-top:80px;
}


/*----------*/

#image16
{
	position:absolute;
	top:1520px;
	left:390px;
	width:350px;
	height:197px;
	background-image:url(../images/image23__.jpg);
}

#info16
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #33ccff;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image16:hover 
#info16
{
	opacity:1;
}

#textofoto16
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image16:hover
#textofoto16
{
	margin-left:110px;
	margin-top:80px;
}








/*----------*/

#image17
{
	position:absolute;
	top:1737px;
	left:20px;
	width:350px;
	height:197px;
	background-image:url(../images/image31.jpg);
}

#info17
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #FDC235;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image17:hover 
#info17
{
	opacity:1;
}

#textofoto17
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image17:hover
#textofoto17
{
	margin-left:103px;
	margin-top:80px;
}

/*----------*/

#image18
{
	position:absolute;
	top:1737px;
	left:390px;
	width:350px;
	height:197px;
	background-image: url(../images/image24.jpg);
}

#info18
{
	position:absolute;
	overflow:hidden;
	width:350px;
	height:197px;
	background-color: #cc0033;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity: 0;
}

#image18:hover 
#info18
{
	opacity:1;
}

#textofoto18
{
	position:absolute;
	-webkit-transition: margin 0.2s;
	margin-top:80px;
	margin-left:-180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

#image18:hover
#textofoto18
{
	margin-left:120px;
	margin-top:80px;
}


















/*----------*/

/*------------------------------------------------jquery*/

#IrArriba 
{
	position: absolute; /*Importante*/
	bottom:44px;
	left:355px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	text-align:center;
}

#IrArriba span 
{
	display: block;
}


/*------------------------------------------------menu_superior*/

#main
{
	position:fixed;
	top:0px;
	width:960px;
	height: auto;
	left:50%;
	margin-left: -480px;
}

#menu1
{
	position: absolute;
	top:25px;
	left:0px;
	width: auto;
	height: auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

#menu2
{
	position: absolute;
	top:25px;
	left:430px;
	width: auto;
	height: auto;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}

#menu3
{
	position: absolute;
	top:25px;
	left:900px;
	width: auto;
	height: auto;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}



/*------------------------------------------------*/

#caja2
{
	top:3px;
	margin: 0 auto 0 auto;
	position:relative;
	width:760px;
	height:510px;
	background-color:#0FF;
}




/*------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/



a:link
{
	text-decoration: underline;
}

a:visited
{
	text-decoration:none;
}

a.sub
{
	color: #000;
	text-decoration: none;
}

a.negro
{
	color:#000;
	text-decoration:none;
}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

a
{
	text-decoration:none;
	color: #000;
}

ul
{
	padding:0;
	list-style:none;
	background-color:transparent;
}

li
{
	color: #000;
	list-style-type:none;
	margin-right: 20px;
	text-decoration: none;
}

li a
{
	color: #000;
	text-decoration:none;
}

a:hover
{
	text-decoration: underline;
	color: #F00;
}

a:link
{
	text-decoration:none;
}

a:visited
{
	text-decoration:none;
}

a.mayus
{
	font-size:16px;
}

a.sub
{
	color: #000;
	text-decoration: none;
}

a.creative
{
	text-decoration:none;
	color: #666;
}

a.enlace
{
	color: #F00;
	text-decoration:underline;
}