@charset 'utf8';

/* fonts */
@font-face {
  font-family: 'Rawen';
  src: url('https://m.medicodeldomingo.es/css/RawengulkSans.eot?#iefix') format('embedded-opentype'),  url('https://m.medicodeldomingo.es/css/RawengulkSans.otf')  format('opentype'),
	     url('https://m.medicodeldomingo.es/css/RawengulkSans.woff') format('woff'), url('https://m.medicodeldomingo.es/css/RawengulkSans.ttf')  format('truetype'), url('https://m.medicodeldomingo.es/css/RawengulkSans.svg#RawengulkSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, fieldset, form, label, input, textarea, legend, table, tbody, tfoot, thead, tr, th, td, section, nav
										{ margin:0; padding:0; border:0; list-style:none; font-weight:normal;
											-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
										}

a 										{ color:#20a486; text-decoration:none; }

html, body 							{ background:#ebebeb; height:100%; font-size:13px; font-family:"Segoe UI", Arial, Helvetica, sans-serif; overflow:hidden; margin:0 auto; max-height:700px; max-width:700px; position:relative; width:100%; }


label 								{ margin:15px 0 0; display:block; }
input[type=text],
textarea 							{ padding:8px; resize:vertical; width:100%;
											-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
										}
textarea 							{ min-height:90px; }
input[type=submit] 				{ background:#d61212; border:1px solid #7c0606; color:#fff; display:block; font-size:1em; font-weight:bold; height:50px; margin:15px 0 0; padding:10px; text-align:center; text-shadow:0 0 2px #000; text-transform:uppercase; width:100%;
											-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
											-webkit-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -moz-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -ms-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -o-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
										}
input[type=submit]:active 		{ box-shadow:inset 0 0 4px rgba(0,0,0,.8);  }
/**** MENU ****/
/*nav 									{ height:100%; left:0; position:absolute; top:0; z-index:5000; width:100%; }
nav 									{ left:0; top:0;  }
nav li 								{ position:absolute; }*/
nav li a 							{ display:inline-block; height:44px; position:absolute; width:90px;z-index:5000; }

.link_tel a							{ left:50%; margin:0 0 0 -45px; top:0;
											-webkit-transform-origin:50% 380%; -moz-transform-origin:50% 380%; -ms-transform-origin:50% 380%; -o-transform-origin:50% 380%; transform-origin:50% 380%;
											-webkit-animation:animatedLinkTel 4s; -moz-animation:animatedLinkTel 4s; -ms-animation:animatedLinkTel 4s; -o-animation:animatedLinkTel 4s; animation:animatedLinkTel 4s;
										}
.link_mail a						{ background:url('../imgs/triangle_mail.png') center; height:90px; margin:-45px 0 0; right:0; top:50%; width:44px;
											-webkit-transform-origin:-230% 50%; -moz-transform-origin:-230% 50%; -ms-transform-origin:-230% 50%; -o-transform-origin:-230% 50%; transform-origin:-230% 50%;
											-webkit-animation:animatedLinkMail 4s; -moz-animation:animatedLinkMail 4s; -ms-animation:animatedLinkMail 4s; -o-animation:animatedLinkMail 4s; animation:animatedLinkMail 4s;
										}
.link_infos a						{ background:url('../imgs/triangle_infos.png') center; height:90px; left:0; margin:-45px 0 0; top:50%; width:44px;
											/*-webkit-transform-origin:50% -280%; -moz-transform-origin:50% -280%; -ms-transform-origin:50% -280%; -o-transform-origin:50% -280%; transform-origin:50% -280%;*/
											-webkit-transform-origin:330% 50%; -moz-transform-origin:330% 50%; -ms-transform-origin:330% 50%; -o-transform-origin:330% 50%; transform-origin:330% 50%;
											-webkit-animation:animatedLinkInfos 4s; -moz-animation:animatedLinkInfos 4s; -ms-animation:animatedLinkInfos 4s; -o-animation:animatedLinkInfos 4s; animation:animatedLinkInfos 4s;
										}
/*.link_geoloc a						{ background:url('../imgs/triangle_pointer.png') center; height:90px; left:0; margin:-45px 0 0; top:50%; width:44px;
											-webkit-transform-origin:330% 50%; -moz-transform-origin:330% 50%; -ms-transform-origin:330% 50%; -o-transform-origin:330% 50%; transform-origin:330% 50%;
											-webkit-animation:animatedLinkGeoloc 4s; -moz-animation:animatedLinkGeoloc 4s; -ms-animation:animatedLinkGeoloc 4s; -o-animation:animatedLinkGeoloc 4s; animation:animatedLinkGeoloc 4s;
										}*/
.link_whatsapp {
	display:block;
	padding:0;
	position:absolute;
	left:50%;
	bottom:10px;
	margin:0 0 0 -25px;width: 50px;
height: 50px;
}

nav li.dark a 						{ background-position:center; }
nav li.white a 					{ background-position:bottom; }
nav li.whiteHome a				{ background-position:top; }

nav li.link_mail.dark a,
nav li.link_geoloc.dark a,
nav li.link_infos.dark a 		{ background-position:center; }
nav li.link_mail.white a,
nav li.link_geoloc.white a,
nav li.link_infos.white a 	{ background-position:right; }
nav li.link_mail.whiteHome a,
nav li.link_geoloc.whiteHome a,
nav li.link_infos.whiteHome a{ background-position:left; }

@keyframes animatedLinkTel {
	  0% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	 25% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	100% { margin:0 0 0 -45px; top:0; transform:rotate(360deg); }
}

@keyframes animatedLinkMail {
	  0% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	 25% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	100% { right:0; margin:-45px 0 0 0; transform:rotate(360deg); }
}

@keyframes animatedLinkInfos {
	  /*0% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	 25% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	100% { margin:0 0 0 -44px; bottom:0; transform:rotate(360deg); }*/
	0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
/*
@keyframes animatedLinkGeoloc {
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
*/

@-webkit-keyframes animatedLinkTel {
	  0% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	 25% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	100% { margin:0 0 0 -45px; top:0; transform:rotate(360deg); }
}

@-webkit-keyframes animatedLinkMail {
	  0% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	 25% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	100% { right:0; margin:-45px 0 0 0; transform:rotate(360deg); }
}

@-webkit-keyframes animatedLinkInfos {
	  /*0% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	 25% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	100% { margin:0 0 0 -44px; bottom:0; transform:rotate(360deg); }*/
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
/*
@-webkit-keyframes animatedLinkGeoloc {
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
*/

@-moz-keyframes animatedLinkTel {
	  0% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	 25% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	100% { margin:0 0 0 -45px; top:0; transform:rotate(360deg); }
}

@-moz-keyframes animatedLinkMail {
	  0% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	 25% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	100% { right:0; margin:-45px 0 0 0; transform:rotate(360deg); }
}

@-moz-keyframes animatedLinkInfos {
	 /* 0% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	 25% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	100% { margin:0 0 0 -44px; bottom:0; transform:rotate(360deg); }*/

	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
/*
@-moz-keyframes animatedLinkGeoloc {
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
*/

@-ms-keyframes animatedLinkTel {
	  0% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	 25% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	100% { margin:0 0 0 -45px; top:0; transform:rotate(360deg); }
}

@-ms-keyframes animatedLinkMail {
	  0% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	 25% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	100% { right:0; margin:-45px 0 0 0; transform:rotate(360deg); }
}

@-ms-keyframes animatedLinkInfos {
	  /*0% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	 25% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	100% { margin:0 0 0 -44px; bottom:0; transform:rotate(360deg); }*/
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
/*
@-ms-keyframes animatedLinkGeoloc {
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
*/

@-o-keyframes animatedLinkTel {
	  0% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	 25% { margin:-44px 0 0 -45px; top:50%; transform:rotate(0); }
	100% { margin:0 0 0 -45px; top:0; transform:rotate(360deg); }
}

@-o-keyframes animatedLinkMail {
	  0% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	 25% { right:50%; margin:-45px -44px 0 0; transform:rotate(0); }
	100% { right:0; margin:-45px 0 0 0; transform:rotate(360deg); }
}

@-o-keyframes animatedLinkInfos {
	  /*0% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	 25% { margin:0 0 -43px -44px; bottom:50%; transform:rotate(0); }
	100% { margin:0 0 0 -44px; bottom:0; transform:rotate(360deg); }*/
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
/*
@-o-keyframes animatedLinkGeoloc {
	  0% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	 25% { left:50%; margin:-45px 0 0 -43px; transform:rotate(0); }
	100% { left:0; margin:-45px 0 0; transform:rotate(360deg); }
}
*/

#page 								{ /*border:3px solid #000; border-top-width:25px; border-bottom-width:25px; height:480px; left:-50%; margin:50px auto; right:-50%; position:absolute; width:320px;*/
											height:100%; overflow:hidden; max-height:700px; max-width:700px; width:100%;
											-webkit-box-shadow:0 0 80px rgba(0,0,0,.9) inset; -moz-box-shadow:0 0 80px rgba(0,0,0,.9) inset; -ms-box-shadow:0 0 80px rgba(0,0,0,.9) inset; -o-box-shadow:0 0 80px rgba(0,0,0,.9) inset; box-shadow:0 0 80px rgba(0,0,0,.9) inset;
											background-image:url(../imgs/bg_medicodeldomingo.jpg);
											background-repeat:no-repeat;
											background-position:top left;
										}
#page 							{ -webkit-animation:animatedBackground 20s ease-out infinite; -moz-animation:animatedBackground 20s ease-out infinite; -ms-animation:animatedBackground 20s ease-out infinite; -o-animation:animatedBackground 20s ease-out infinite; animation:animatedBackground 20s ease-out infinite; }

/**** SECTIONS ****/
section 								{ color:#fff; font-size:1.2em; height:100%; left:0; position:absolute; top:0; text-shadow:1px 1px 1px rgba(0,0,0,.4); width:100%; }
.ctt_section						{ padding:50px 53px 70px; }
section h1,
section h2,
section h3 							{ border-bottom:1px solid rgba(255,255,255,.2); font-size:1.8em; font-family:Rawen; margin:0 0 10px; padding:0 0 10px; }

/**** HOME ****/
#home 								{ background:rgba(255,255,255,.1); }
#home.open 							{ opacity:1;
											-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
											-webkit-animation:animatedHomeOpen 1s; -webkit-animation:animatedHomeOpen 1s; -moz-animation:animatedHomeOpen 1s; -ms-animation:animatedHomeOpen 1s; -o-animation:animatedHomeOpen 1s; animation:animatedHomeOpen 1s;
										}
#home.close							{ opacity:0;
											-webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0);
											-webkit-animation:animatedHomeClose 1s; -moz-animation:animatedHomeClose 1s; -ms-animation:animatedHomeClose 1s; -o-animation:animatedHomeClose 1s; animation:animatedHomeClose 1s;
										}
#logo 								{ /*display:table-cell; vertical-align:middle;*/ background:rgba(0,0,0,.1); left:0; margin:70px 0 0; padding:15px 0; position:absolute; text-align:center; top:0; width:100%; z-index:5001; }
#logo .part1,
#logo .part2 						{ color:#fff; display:block; font-size:2.2em; line-height:.85em; text-transform:uppercase; text-align:center; text-shadow:0 0 0 #000; }
#logo .part2 						{ font-size:2.8em; color:#20A486; }

#home_tel							{ background:rgba(0,0,0,.1); bottom:120px; font-family:; font-size:1.7em; left:0; position:absolute; text-align:center; text-shadow:1px 1px 1px #fff; width:100%; z-index:5000; }
#home_tel a 						{ color:#fff; text-shadow:0 0 0 #000; }
#home_tel .marquee {
	display:inline-block;
	font-size:15px;
	position:absolute;	
	animation: marqueelike 15s infinite linear;
	text-shadow:none;
	min-width:500px;
	bottom:-30px;
}
@keyframes marqueelike{
    0%  {    	
	right:-500px;
    }
    100%  {
	right:100%;
    }
}

#select_lg 							{ height:20px; left:50%; margin:30px 0 0 -25px; position:absolute; width:31px; z-index:50000; }
#select_lg a.selected			{ background:#ebebeb; border:1px solid #ccc; display:block; height:20px; padding:5px 20px 5px 5px; width:31px;
											-webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box;
										}
#select_lg a.selected:after	{ color:#333; content:'▼'; display:block; font-size:.8em; position:absolute; right:-23px; top:7px; text-shadow:0 0 0 #000; }

#others_lg 							{ background:#f1f1f1; border:1px solid #ccc; display:none; left:0; position:absolute; padding:0 5px; z-index:50000;
											box-shadow:0 0 3px rgba(0,0,0,.2);
										}
#others_lg a 						{ display:inline-block; padding:5px 0px; }

/**** CONTENEUR PAGES ****/
#box 									{ height:100%; position:relative; width:100%; }
#box section 						{ overflow-y:auto; }

#infos								{ display:inline-block; background:rgba(43,153,198,.8);
											-webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; -ms-transform-origin:50% 100%; -o-transform-origin:50% 100%; transform-origin:50% 100%;
										}
/*#geoloc								{ display:inline-block; background:rgba(96,205,79,.8);
											-webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;
										}*/
#mail									{ display:inline-block; background:rgba(141,74,204,.8);
											-webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%;
										}
#infos.close,
#geoloc.close,
#mail.close							{ opacity:0;
											-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
											-webkit-animation:animatedSectionClose 1s; -moz-animation:animatedSectionClose 1s; -ms-animation:animatedSectionClose 1s; -o-animation:animatedSectionClose 1s; animation:animatedSectionClose 1s;
										}
#infos.open,
#geoloc.open,
#mail.open							{ opacity:1;
											-webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);
											-webkit-animation:animatedSectionOpen 1s; -moz-animation:animatedSectionOpen 1s; -ms-animation:animatedSectionOpen 1s; -o-animation:animatedSectionOpen 1s; animation:animatedSectionOpen 1s;
										}

#contnr_locate_me					{ text-align:center; }
#contnr_locate_me	a				{ background:#129ed9; border:1px solid rgba(0,0,0,.1); color:#fff; font-size:1em; display:inline-block; margin:0 8px 0 0; padding:5px 10px; text-shadow:0 1px 2px #000; width:100%;
											-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
											-webkit-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -moz-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -ms-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); -o-box-shadow:0 0 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); box-shadow:0 2px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
										}


/**** RESULTATS DE REQUETES ****/
table.result_ok,
table.result_err 					{ font-size:.95em; margin:20px auto; padding:5px; text-shadow:0 0 0 #000; width:100%;
	 										webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
	 									}
table.result_ok					{ background:#f7ffe0; border:1px solid #589215; color:#094a09; }
table.result_err					{ background:#ffd9d9; border:1px solid #AD3435; color:#991d1d; }
table.result_ok td.icone_result,
table.result_err td.icone_result
										{ text-align:center; width:47px; }


#overlay								{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:#000; opacity:0.4; filter:alpha(opacity=0.4); z-index:100000; }
#preloader							{ background: url("../imgs/preloader.gif") no-repeat 12px 10px #000000; font-size: .9em; left: 50%; line-height: 20px; margin: -20px 0 0 -75px; padding: 10px; position: fixed; text-align: left; text-indent: 36px; top: 50%; z-index: 100001; color:#eee; opacity:0.8; filter:alpha(opacity=0.8); }

@keyframes animatedHomeOpen {
	/* left top */
	  0% { opacity:0; transform:scale(0); }
	100% { opacity:1; transform:scale(1); }
}

@keyframes animatedHomeClose {
	/* left top */
	  0% { opacity:1; transform:scale(1); }
	100% { opacity:0; transform:scale(0); }
}

@keyframes animatedBackground {
	/* left top */
	  0% { background-position:0 0; }
	 50% { background-position:100% 100%; }
	100% { background-position:0 0; }
}

@keyframes animatedSectionOpen {
	  0% { opacity:0; transform:rotate(180deg); }
	100% { opacity:1; transform:rotate(0); }
}

@keyframes animatedSectionClose {
	  0% { opacity:1; transform:rotate(0); }
	100% { opacity:0; transform:rotate(180deg); }
}



@-webkit-keyframes animatedHomeOpen {
	/* left top */
	  0% { opacity:0; -webkit-transform:scale(0); }
	100% { opacity:1; -webkit-transform:scale(1); }
}

@-webkit-keyframes animatedHomeClose {
	/* left top */
	  0% { opacity:1; -webkit-transform:scale(1); }
	100% { opacity:0; -webkit-transform:scale(0); }
}

@-webkit-keyframes animatedBackground {
	/* left top */
	  0% { background-position:0 0; }
	 50% { background-position:100% 100%; }
	100% { background-position:0 0; }
}

@-webkit-keyframes animatedSectionOpen {
	  0% { opacity:0; -webkit-transform:rotate(180deg); }
	100% { opacity:1; -webkit-transform:rotate(0); }
}

@-webkit-keyframes animatedSectionClose {
	  0% { opacity:1; -webkit-transform:rotate(0); }
	100% { opacity:0; -webkit-transform:rotate(180deg); }
}


@-moz-keyframes animatedHomeOpen {
	/* left top */
	  0% { opacity:0; -moz-transform:scale(0); }
	100% { opacity:1; -moz-transform:scale(1); }
}

@-moz-keyframes animatedHomeClose {
	/* left top */
	  0% { opacity:1; -moz-transform:scale(1); }
	100% { opacity:0; -moz-transform:scale(0); }
}

@-moz-keyframes animatedBackground {
	/* left top */
	  0% { background-position:0 0; }
	 50% { background-position:100% 100%; }
	100% { background-position:0 0; }
}

@-moz-keyframes animatedSectionOpen {
	  0% { opacity:0; -moz-transform:rotate(180deg); }
	100% { opacity:1; -moz-transform:rotate(0); }
}

@-moz-keyframes animatedSectionClose {
	  0% { opacity:1; -moz-transform:rotate(0); }
	100% { opacity:0; -moz-transform:rotate(180deg); }
}


@-ms-keyframes animatedHomeOpen {
	/* left top */
	  0% { opacity:0; -ms-transform:scale(0); }
	100% { opacity:1; -ms-transform:scale(1); }
}

@-ms-keyframes animatedHomeClose {
	/* left top */
	  0% { opacity:1; -ms-transform:scale(1); }
	100% { opacity:0; -ms-transform:scale(0); }
}

@-ms-keyframes animatedBackground {
	/* left top */
	  0% { background-position:0 0; }
	 50% { background-position:100% 100%; }
	100% { background-position:0 0; }
}

@-ms-keyframes animatedSectionOpen {
	  0% { opacity:0; -ms-transform:rotate(180deg); }
	100% { opacity:1; -ms-transform:rotate(0); }
}

@-ms-keyframes animatedSectionClose {
	  0% { opacity:1; -ms-transform:rotate(0); }
	100% { opacity:0; -ms-transform:rotate(180deg); }
}



@-o-keyframes animatedHomeOpen {
	/* left top */
	  0% { opacity:0; -o-transform:scale(0); }
	100% { opacity:1; -o-transform:scale(1); }
}

@-o-keyframes animatedHomeClose {
	/* left top */
	  0% { opacity:1; -o-transform:scale(1); }
	100% { opacity:0; -o-transform:scale(0); }
}

@-o-keyframes animatedBackground {
	/* left top */
	  0% { background-position:0 0; }
	 50% { background-position:100% 100%; }
	100% { background-position:0 0; }
}

@-o-keyframes animatedSectionOpen {
	  0% { opacity:0; -o-transform:rotate(180deg); }
	100% { opacity:1; -o-transform:rotate(0); }
}

@-o-keyframes animatedSectionClose {
	  0% { opacity:1; -o-transform:rotate(0); }
	100% { opacity:0; -o-transform:rotate(180deg); }
}

@media(max-width:350px) {
	table.result_err td.icone_result,
	table.result_ok td.icone_result { width:0px; }
	table.result_err td.icone_result img,
	table.result_ok td.icone_result img { display:none; }
}