/** VALORES COMUNES **/
html {font:normal 12px Century Gothic,Sans-Serif;color:#333333;background:#ffffff url('../../general/images/bg.png')center repeat-y;}
a {color:rgb(0,55,239);text-decoration:none;}
a:hover {color:rgb(0,55,239);}
a:active {color:rgb(0,55,239);}
p,ul,ol {text-align:justify;white-space:word-wrap;}
ol li {list-style-type:decimal;}
pre {font:normal 10px Arial,Sans-Serif;}
h1,h2,h3,h4 {padding:0px;margin:0px;font-weight:normal;}
h1 {font-size:22px;letter-spacing:1px;font:Century Gothic,Sans-Serif;color:rgb(0,55,239);}
h2 {font-size:18px;color:#3481ab;margin-bottom:10px;text-shadow:0 0 0 transparent,0 1px 1px #ffffff;}
h3 {color:#888;font-size:16px;}
h4 {font:normal 11px Arial,Sans-Serif;color:#555555;text-transform:uppercase;text-shadow:0 0 0 transparent,0 1px 1px #ffffff;}
h5 {font-weight:normal;font-size:18px;letter-spacing:1px;font:Century Gothic,Sans-Serif;color:rgb(0,55,239);}

/*.font {font:normal 12px Verdana,Sans-Serif;color:#333333;}*/


li {padding-left:5px;margin-left:25px;list-style:square;}
hr {margin:0px;padding:0px;border:0px;border-bottom:1px solid rgba(255,255,255,.8);border-top:1px solid rgba(221,221,221,.8);height:0;position:relative;}
input,select {margin:0;}
input[type="text"],input[type="password"],textarea {font:inherit;white-space:nowrap;overflow:visible;position:relative;
	border:1px solid #dddddd;color:#555555;background:#ffffff;}
textarea {resize:none;}
input[type="button"],input[type="submit"],input[type="reset"],button {font:inherit;white-space:nowrap;overflow:visible;position:relative;
	border:1px solid #dddddd;color:#555555;background:#ffffff;}

	
/** MENU **/
nav {position:relative;display:block;margin:12px auto 0 auto;}
nav ul * {margin:0;padding:0;list-style:none outside none;}
nav li {float:left;position:relative;}
nav a {font-size:14px;width:auto;padding:0 5px;text-align:center;
	text-transform:none;display:block;position:relative;color:#000;text-shadow:0 1px 2px #fff;
	letter-spacing:0;position:relative;border-left:0;border-right:0;
	-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		-ms-transition:none;
		transition:none;}
nav a:hover,nav a.active {color:#111;font-weight:bold;text-shadow:0 1px 2px #fff;}
nav li:first-child a {margin-left:0;border-left:0;}
nav li:last-child a {border-right:0;}
	
/** CONTENIDO **/
.page {width:980px;margin:0px auto;}
.breadcrumbs {margin:7px 0 2px 0;}
.breadcrumbs span {line-height:12px;text-shadow:0 0 0 transparent,0 1px 0 #ffffff;color:#777777;}
.breadcrumbs a {font:bold 10px Century Gothic,Sans-Serif;text-shadow:0 0 0 transparent,0 1px 0 #ffffff;color:#777777;line-height:12px;}

.left {float:left;position:relative;}
.right {float:right;position:relative;}
.center {margin:0 auto;display:table;position:relative;}
.margin.left {margin:1px 20px 5px 0;}
.margin.right {margin:1px 0 5px 20px;}
.margin.center {margin:20px auto;}

/** ALERTS **/
.alert {margin:0;}
.alert.error {color:#b02020;}
.alert.info {color:#333333;}
.alert.error a,.alert.info a {color:#777777;}
.alert.error a:hover,.alert.info a:hover {color:#bbbbbb;}



/** FANCYBOX **/
.box {background:#262626;color:#aaaaaa;font-size:11px;text-shadow:0 0 0 transparent,0 -1px 0 #161616;border-radius:5px 5px 5px 5px;
	box-shadow:0 0 5px #333333;
	    -moz-box-shadow:0 0 5px #333333;
	    -webkit-box-shadow:0 0 5px #333333;}
.box a {color:#cccccc;}
.box a:hover {color:#ffffff;}
.box h2 {color:#e0e0e0;font-size:12px;text-transform:uppercase;margin-bottom:0px;}
.box-item {border-bottom:1px solid #1b1b1b;border-top:1px solid #323232;}
.box-item.padding {padding:5px 10px !important;}
.box-item.first {border-top:0px !important;}
.box-item.last {border-bottom:0px !important;}
.box.image {padding:5px;display:table;margin:0 auto;text-align:center;}
.box.image img {background:url("../../common/images/ajax-loader.gif") center center no-repeat;}
.box.image.multiple img {float:left;border:1px solid transparent;}





#album-links {margin:0 auto;display:table;}
#album-links li {list-style:none;margin:0 8px 10px 0;padding:0;float:left;}
#album-links li.last {margin-right:0px;}
#album-links a {text-transform:uppercase;font-size:11px;color:#131313;}
#album-links a.selected {font-weight:bold;}
#show-pics,#show-pics .box {margin:0 auto;background:#ffffff;}
#paginator {padding-bottom:50px;clear:both;padding-top:8px;display:table;margin:0 auto;}
#paginator a {text-transform:uppercase;font-size:11px;color:#999999;}
#paginator a:hover {color:#131313;}
#paginator a.selected {color:#131313;}
#paginator .next,#paginator .prev {line-height:14px;}
#paginator a.no-link {cursor:default;opacity:0;filter:alpha(opacity=0);}

/** CONTACT **/
.box {padding:5px;background:#ffffff;border:1px solid #ffffff;position:relative;
	box-shadow:0 0 3px #808080;
		-moz-box-shadow:0 0 3px #808080;
		-webkit-box-shadow:0 0 3px #808080;}


input,select {margin:0;}
input[type="text"],input[type="password"],textarea {font:inherit;white-space:nowrap;overflow:visible;position:relative;width:400px;
	border:1px solid #ffffff;color:#ffffff;background:#c0c0c0;padding:0 5px;border-radius:3px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {background:#f0f0f0;color:#303030;border-color:#ffffff;}
textarea {resize:none;height:120px;padding:2px 5px;}

input[type="button"],input[type="submit"],input[type="reset"],button {height:24px;white-space:nowrap;min-width:100px;border:1px solid #555;
	padding:0 10px 3px 10px;cursor:pointer;font:normal 14px/14px Century Gothic,Sans-Serif;color:#f9f9f9;text-shadow:0 -1px 0 #505050;border-radius:3px;
	background:#909563;
}
		
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,button:active {background:#509563;}
button.grey {border:1px solid #c0c0c0;text-shadow:0 -1px 0 #606060;
	background:#c0c0c0;
		background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background:-moz-linear-gradient(top,#c0c0c0 0%,#a0a0a0 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c0c0c0),color-stop(100%,#a0a0a0));
		background:-webkit-linear-gradient(top,#c0c0c0 0%,#a0a0a0 100%);
		background:-o-linear-gradient(top,#c0c0c0 0%,#a0a0a0 100%);
		background:-ms-linear-gradient(top,#c0c0c0 0%,#a0a0a0 100%);
		background:linear-gradient(top,#c0c0c0 0%,#a0a0a0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0",endColorstr="#a0a0a0",GradientType=0);}
button.grey:hover {background:#a0a0a0;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYTBhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background:-moz-linear-gradient(top,#a0a0a0 0%,#c0c0c0 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a0a0a0),color-stop(100%,#c0c0c0));
		background:-webkit-linear-gradient(top,#a0a0a0 0%,#c0c0c0 100%);
		background:-o-linear-gradient(top,#a0a0a0 0%,#c0c0c0 100%);
		background:-ms-linear-gradient(top,#a0a0a0 0%,#c0c0c0 100%);
		background:linear-gradient(top,#a0a0a0 0%,#c0c0c0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a0a0a0",endColorstr="#c0c0c0",GradientType=0);}	
button.grey:active {background:#e0e0e0;}


.placeholding-input {min-height:30px;position:relative;}
.placeholding-input input {height:22px;
	box-shadow:inset 0 1px 2px #909090;
		-moz-box-shadow:inset 0 1px 2px #909090;
		-webkit-box-shadow:inset 0 1px 2px #909090;
	-webkit-transition:all .3s ease 0s;
		-moz-transition:all .3s ease 0s;
		-o-transition:all .3s ease 0s;
		-ms-transition:all .3s ease 0s;
		transition:all .3s ease 0s;}
.placeholding-input textarea {
	box-shadow:inset 0 1px 2px #909090;
		-moz-box-shadow:inset 0 1px 2px #909090;
		-webkit-box-shadow:inset 0 1px 2px #909090;
	-webkit-transition:all .1s ease 0s;
		-moz-transition:all .3s ease 0s;
		-o-transition:all .3s ease 0s;
		-ms-transition:all .3s ease 0s;
		transition:all .3s ease 0s;}
.placeholding-input .placeholder {height:24px;line-height:24px;position:absolute;top:0;left:7px;opacity:.6;z-index:1;-moz-user-select:none;color:#ffffff;
	-webkit-transition:all .3s ease 0s;
		-moz-transition:all .3s ease 0s;
		-o-transition:all .3s ease 0s;
		-ms-transition:all .3s ease 0s;
		transition:all .3s ease 0s;}
.placeholding-input input:focus {box-shadow:inset 0 1px 2px #a0a0a0;-moz-box-shadow:inset 0 1px 2px #a0a0a0;-webkit-box-shadow:inset 0 1px 2px #a0a0a0;}
.placeholding-input input:focus + .placeholder {color:#a0a0a0;}
.placeholding-input textarea:focus {box-shadow:inset 0 1px 2px #a0a0a0;-moz-box-shadow:inset 0 1px 2px #a0a0a0;-webkit-box-shadow:inset 0 1px 2px #a0a0a0;}
.placeholding-input textarea:focus + .placeholder {color:#a0a0a0;}
.hasome .placeholder {font:0 !important;opacity:0;z-index:-1;}


.imagedropshadow {

}

img.imagedropshadow {
	padding: 5px;
	border: solid 1px #EFEFEF;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
        margin-bottom: 5px;
}
div.imagedropshadow {
	padding: 5px;
	border: solid 1px #EFEFEF;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
        margin-bottom: 5px;
}
#rotatorWrap{
	border: 1px solid #efefef;
	padding: 0px;
	width: 980px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.itemContainer{
	position: absolute;
	width: 100%;
	height: 100%;	
	margin: 0;
	padding: 0;
	-webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;

}


.rotatorItem{
	display: block;
	padding: 0;
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.rotatorItem img{
	padding: 0;
	margin: 0;
	z-index: 1000;
	/*display: none;*/
}

.rotatorItem .caption{
	font-family: Century Gothic, sans-serif;	
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 70px;
	z-index: 1001;
	height:300px;
	/*color: #fff;*/
}

.rotatorItem .caption p{
	/*text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.8);	*/
	display: inline-block;
	position: relative;
	font-size:14px;
	float: left;
	clear: left;
	margin-top: 4px;
	/*background: #EFEFEF;*/
	color: #333;
	padding: 10px;
	opacity: 0;
	z-index: 1002;
}

.rotatorItem .caption .wpTitle1{
	margin-top: 120px;
	margin-left: 340px;
	font-size: 1.2em;
	background: #B33F4C;
	color: #FFF;	
}
.rotatorItem .caption .wpTitle2{
	margin-left: 340px;
	font-size: .8em;
	background: #B33F4C;
	color: #FFF;	
}

.rotatorItem .caption .lycheeTitle1{
	margin-left: 180px;
	margin-top: 100px;
}
.rotatorItem .caption .lycheeTitle2{
	margin-left: 180px;
}


.rotatorItem .caption .style1{
	font-size: 1.2em;
	background: #B33F4C;
	color: #FFF;
	margin-top: 100px;
	margin-left: 200px;
}
.rotatorItem .caption .style2{
	font-size: 1em;
	background: #B33F4C;
	color: #FFF;
	margin-left: 200px;	
}
.rotatorItem .caption .style3{
	font-size: .8em;
	background: #c0c0c0;
	color: #FFF;
	margin-left: 200px;	
}

.wp1{
	position: absolute;
	left: 0px;
	top: 0px;
}	
.wp2{
	position: absolute;
	left: 0px;
	top: 0px;
}	

.rotatorItem .quote{
	color: #fff;
	width: 980px;
	font-size: 1.8em;
	text-align: center;
	font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;	
	line-height: 150%;
	padding: 3.6em 2em 2em 1em;
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.8);
}
.rotatorItem .quote p{
	font-size: 18px;
	opacity: 0;
}
.rotatorItem .quote p.author{
	font-size: .6em;
	font-style: italic;
	text-align: center;
	margin-top: 20px;
}

.rotatorItem p.author{
	font-size: 1em;
	color: #FFF;
	font-style: italic;
	text-align: center;
}

.blueColor{
	background: #00BDEE;
	color: #FFF;
}
.orangeColor{
	background: #F08080;
	color: #FFF;
}
.greenColor{
	color: #FFF;	
	background: #9ACD32;    
}

.redColor{
	color: #FFF;	
	background: #B33F4C;    
}

.grayColor{
	color: #484848;	
	background: #c0c0c0;    
}

.arrowButton{    
	width: 100%;
	cursor: pointer;  
	position: absolute;
	z-index: 1003;
	top: 170px;
}            
.arrowButton .prevArrow{
	background: url(/casai.es/general/style/css/images/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url(/casai.es/general/style/css/images/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	/*top: 170px;*/
	right: 12px;	          
}