@import url("veranoAzul_cab.css");

html 	{ background: url("i/backImage.png") repeat-x scroll center 114px #e9d3a3;
	background: url("i/backImage.jpg") repeat-x scroll center 113px #e9d3a3\9; /** AJUSTE IE8- **/
		animation:movinWater 10s infinite;
		-moz-animation:movinWater 10s infinite;
		-webkit-animation:movinWater 10s infinite;}
html:before {
    /*-moz-transition: all 0.5s ease 0s;*/
    background: url("i/aguaAnim.png") repeat-x transparent;
    bottom: 0;
    content: "";
    height: 200em;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
	animation:movingbox 5s infinite;
	-moz-animation:movingbox 5s infinite;
	-webkit-animation:movingbox 5s infinite;
}
/*** Ajuste para Crhome que no muestra vien el content:'' ***/
@media screen and (-webkit-min-device-pixel-ratio:0){ html:before {content: none;}}

/*** ANIMACIONES ***/
@keyframes movingbox{
0%{background-position:left 320px;opacity: .1;}
50%{background-position:left 400px;opacity: 1;}
90%{background-position:left 380px;opacity: 0;}
100%{background-position:left 300px;opacity: 0;}
}
@keyframes movinWater{
0%{background-position:-75% 114px;}
50%{background-position:-71% 114px}
100%{background-position:-75% 114px;}
}

@-moz-keyframes movingbox{
0%{background-position:left 320px;opacity: .1;}
50%{background-position:left 400px;opacity: 1;}
90%{background-position:left 380px;opacity: 0;}
100%{background-position:left 300px;opacity: 0;}
}
@-moz-keyframes movinWater{
0%{background-position:-75% 114px;}
50%{background-position:-71% 114px}
100%{background-position:-75% 114px;}
}

@-webkit-keyframes movingbox{
0%{background-position:left 320px;opacity: .1;}
50%{background-position:left 400px;opacity: 1;}
90%{background-position:left 380px;opacity: 0;}
100%{background-position:left 300px;opacity: 0;}
}
@-webkit-keyframes movinWater{
0%{background-position:-75% 114px;}
50%{background-position:-71% 114px}
100%{background-position:-75% 114px;}
}
/*** FIN ANIMACIONES ***/

body			{ background: url("i/BkgSubTabs_infinite_Body.png") repeat-x scroll left top transparent;
				background: url("i/BkgSubTabs_infinite_Body.png") repeat-x scroll left 18px transparent\9; /** AJUSTE IE8- **/}
#wrapper	{ position:relative;}
#wrapper, .skin2009 #wrapper 	{ background: none transparent !important; position:relative;}
 .skin2009 #wrapper > .container >.subtabs {background-color: #F2F2F2;float: left;width: 100%;}
#wrapper>.container			{ position: relative; z-index: 1001; }
.wrapper.foot						{ background: url("i/BkgSubTabs_infinite_Body.png") repeat-x scroll left -124px white !important; bottom: 0; display: block; float: left; height: auto; width: 100%; }
.wrapper.header	{ position: relative;z-index: 200;}
#wrapper > .wrapper.top {
    background: url("i/backImageTop.png") repeat-x scroll center 0 transparent;
	height: 400px;
    position: absolute;
    top: 0;left:0;
    width: 100%;
    z-index: 200;
	background: none\9; /** AJUSTE IE8- **/
	display:none\9;	/** AJUSTE IE8- **/
}

/*Ajuste para 3.0*/
#wrapper .overheader {
    background: url("/css/style2011/i/bgLines02.png") repeat-y scroll center bottom #FFFFFF !important;
}