@charset "utf-8";
/***** custom *****/
@import url(//fonts.googleapis.com/css?family=Josefin+Sans:400,600,600italic,700,700italic,400italic,300,300italic);

/* Site Name */

#divSiteTitle {text-decoration:none;}

#divTagLine {text-decoration:none;}


/* Headline Text */

#divHeaderLine1 {display:inline-block !important}

#divHeaderLine2 {display:inline-block !important}

#divHeaderLine3 {display:inline-block !important}


/* Headings */

h3, h4, h5, h6 {line-height:1.5 !important}

.lead {
    text-align:center;
}

.lead h2 {
    font-size:33px;line-height:45px; color: rgb(69, 68, 68);
}

.lead h3 {
    font-size:17px; color: rgb(69, 68, 68);
}

.lead h3 a {
    font-size:inherit !important; color: rgb(69, 68, 68);
}


/* Contact */

ul#contact-info .icon {font-size:20px;float:left;line-height:25px; height:35px; width:35px;}

ul#contact-info .field {font-weight:bold;}

ul#contact-info {list-style:none; padding:0;}


/* Grid */

#tiles li {
width:240px !important;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px !important;
margin-right:7px;margin-bottom:7px;float:left;
}

#tiles li img {margin-bottom:10px;}

#tiles li div.meta {color:#999;text-transform:uppercase;font-size:10px;margin:0;}

#tiles li h4 {line-height:1.5;margin:0 0 5px 0;}

#tiles li h4 a {line-height:inherit;margin:0;text-decoration:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;}

#tiles li p {font-size:12px;line-height:1.5;margin:0;}

#tiles li a {font-size:12px;}

#tiles li .more_link {font-size:smaller;line-height:2;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;display:block;margin: 5px 0 0 0;}

#tiles li blockquote {line-height:1.5;margin:0;padding:0;color:#999;border:none;font-size:150%;font-style:italic;}

#tiles li blockquote small {font-size:11px;font-style:normal;}



        
/* Menu Side */

.menu_menu_simple ul {margin-top:0px;margin-bottom:0px;}

.menu_menu_simple ul li {margin-top:0px;margin-bottom:0px;}


/* Header Area */

#decorative1 {
margin-top:-2px;padding-top:2px;    
margin-left: -20px !important;
margin-right: -20px !important; /* fix bg cover issue */
}


/* Menu Centered */

.centered_menu {text-align:center; line-height:0;}
.bgnav{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(153,0,0,0.91) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,0,0,0.91)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(153,0,0,0.91) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(153,0,0,0.91) 0%,rgba(204,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(153,0,0,0.91) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(153,0,0,0.91) 0%,rgba(204,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8990000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */

}
.centered_menu > div {display:inline-block;}

.centered_menu div {text-align:center;}
.centered_menu h2{
    font-size: 12px;
	font-weight:bold;
	padding:0;

	position:relative;
	
	text-shadow:1px 1px 0px #283744;
	line-height:0;
	}

/* Footer elements */

.social_bookmarks a {font-size:smaller !important;text-transform:uppercase;letter-spacing:1px;text-decoration:none;margin-right:20px;}

.copyright {font-size:smaller;letter-spacing:1px; margin-top:20px;}


/* Responsive Image */

img {max-width:100%;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Responsive Video from Zurb Foundation. Copyright (c) 2011 ZURB, http://www.zurb.com/ License: MIT */

.flex-video {position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow: hidden;}

.flex-video.widescreen {padding-bottom:57.25%;}

.flex-video.vimeo {padding-top:0;}

.flex-video iframe, .flex-video object, .flex-video embed {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.noticia{float:left;padding: 15px;height:auto; margin-top:20px;}
.contenedorimagen{vertical-align:top; background-color:#FFFFFF;}
.noticia {
    border: 1px solid #ccc;
    float: left;
    height: auto;
    margin-top: 20px;
    padding: 15px;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
        .flex-video { padding-top: 0; }

    }

 
/* Additional */
    
#divBoxed {position:relative}
 
.nav-links > a {margin-right:20px;}

.btn-secondary, .btn-secondary:hover {text-shadow:none;}

#divHeaderLine1 a, #divHeaderLine2 a, #divHeaderLine3 a {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    text-shadow: inherit;
    font-weight: inherit;
    font-style: inherit;
}

#divHeaderLine1, #divHeaderLine2, #divHeaderLine3 {
    padding-top:3px !important;
    padding-bottom:3px !important;
    text-align:inherit !important;
}

#decorative2 {/*opacity:0.95;*/

    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
}

.showcase-tabs > li > a {
    font-size: 14px;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.cap1 div, .cap2 div, .cap3 div, .cap4 div, .cap5 div {
    margin: 0 -1px;
}

.camera_wrap .camera_pag .camera_pag_ul li {margin:20px 5px 0px !important;
}

.box{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	min-height:200px;
}
.box .imgacceso img{/* width:75px;*/}
.box .imgacceso{ width:100%;}
.box i{
	font-size: 44px;
	color: rgb(69, 68, 68);
}
.box h2{ margin:0 auto;}
.box p{ margin:0 auto; }
/* Shout Box */
.shout-box {
	margin-bottom:28px;
	padding:16px 45px 19px 29px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	overflow:hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 12px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E7E8EF;
	border-right-color: #E7E8EF;
	border-bottom-color: #E7E8EF;
	border-left-color: #628FC0;
}
.shout-box .btn-right {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
.shout-box h2 {
	font: 23px/22px 'Source Sans Pro', sans-serif;
	color:#222;
	margin-topm:10px;
	margin-bottom:10px;
}
.shout-box p {
	margin:0;
}


/* Adjustments */

.search.adjust {margin-bottom:15px}
      
.divPanel {}

.divPanel.notop {padding-top:0px}

.divPanel.nobottom {padding-bottom:0px}


/***** BOOTSTRAP CSS BASE OVERRIDE *****/

.navbar .nav-pills > li > a {text-shadow:none;font-weight:normal;}

.navbar .dropdown-menu li > a {text-shadow:none;font-weight:normal;}

.navbar .nav-pills > li > .dropdown-menu:before {border:none;}

.navbar .nav-pills > li > .dropdown-menu:after {border:none;}

.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills > .active > a:focus {-webkit-box-shadow: none;box-shadow: none;}

.navbar .nav-pills > li > a:hover, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle {-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-o-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}

.navbar .nav-pills .open .dropdown-toggle {background-color:transparent;}

.btn .caret {margin-top: 8px !important;}



body {background-image: url(http://casceramica.com/css/mirrored_squares.png); background-color: rgb(181, 181, 181); background-position: inherit inherit; background-repeat: repeat repeat;}

#divBoxed {/*margin-top: 51px;*/}


#divSiteTitle { font-size: 28px; line-height: 49px; color: rgb(104, 152, 204); text-shadow: rgba(0, 0, 0, 0.0980392) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; letter-spacing: 4px; font-weight: normal; font-style: normal; text-transform: uppercase;}

#divTagLine {color: rgb(150, 150, 150); line-height: 25px; text-transform: none; letter-spacing: 4px; font-size: 16px; padding-left: 2px; padding-right: 2px; background-color: transparent; text-shadow: none; font-weight: normal; font-style: normal;}

.navContainer {}

.navContainer .navMenu {}

.navContainer .navMenu li {}

.navContainer .navMenu li a {}

.navContainer .navMenu li.current {}

.navContainer .navMenu li.current a {}

.camera_caption > div {opacity: 0.85;filter:alpha(opacity=85);}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {opacity: 0.85;filter:alpha(opacity=85) !important;background-color:rgb(240, 240, 240);}

.camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li:hover > span {box-shadow: rgba(0, 0, 0, 0.121569) 0px 3px 8px inset; background-color: rgb(230, 230, 230);  }

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {}

.camera_wrap {display: block; margin-bottom: 15px;  border: none; margin-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 51px; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0pt 1px 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0pt 1px 4px;}

.cap1 > div {opacity: 0.85;filter:alpha(opacity=85);background-color:rgb(61, 61, 61);}

.cap2 > div {opacity: 0.85;filter:alpha(opacity=85);background-color:rgb(61, 61, 61);}

.cap3 > div {opacity: 0.85;filter:alpha(opacity=85);}

.cap4 > div {opacity: 0.85;filter:alpha(opacity=85);}

.cap5 > div {opacity: 0.85;filter:alpha(opacity=85);}

.page-content {line-height: 22px; }

.page-content a {/*color: rgb(97, 141, 190);*/ }

.sidebox {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;background-color:rgb(250, 250, 250);color:rgb(51, 51, 51);border-width:1px;border-style:solid;border-color:rgb(255, 255, 255);border-radius:3px;padding:18px;margin-top:11px; font-size: 14px;}

.sidebar {padding-top: 8px;;;}

.sidebox-title {line-height: 36px; font-weight: normal; font-style: normal; color: rgb(51, 51, 51); font-size: 22px; text-transform: none;}

.sidebox a {color: rgb(97, 141, 190); }



.divPanel {padding: 0px;}

#divFooter a {font-size: 14px;}

#divFooter h3 { font-weight: normal; font-style: normal; font-size: 23px; line-height: 45px;}

h2 {font-weight: normal; font-style: normal; color: rgb(69, 68, 68); font-size: 35px; line-height: 50px;}

.transparent-bg {-moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px;   background-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;;}

.breadcrumbs {font-size: 14px; line-height: 25px; margin-top: 0px; }

.breadcrumbs a {color: rgb(97, 141, 190);}

#divHeaderLine1 {font-size: 40px; line-height: 42px; margin-top: 0px; text-transform: none; color: rgb(104, 152, 204); letter-spacing: 1px; text-align: center; text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px; background-image: none; opacity: 1; padding: 0px;}

#divHeaderLine2 { font-size: 19px; line-height: 30px; margin-top: 12px; color: rgb(34, 34, 34); letter-spacing: 1px; text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px; text-align: center; background-image: none; opacity: 1; padding: 0px;}

#divHeaderLine3 {margin-top: 15px; line-height: 22px; color: rgb(0, 0, 0); text-align: center;}

.text-center {
    text-align:center;
} 

a.btn, a.btn-large, a.btn-small, a.btn-mini {color:#333}

 a.btn-info, a.btn-success, a.btn-warning, a.btn-danger, a.btn-inverse {color:#ffffff}

.btn-secondary, .btn-secondary:hover, a.btn-secondary, a.btn-secondary:hover {color:#323232;}

.btn-secondary {border:1px solid #dfdfdf;border-bottom:1px solid #afafaf;background-color:#fafafa;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));background-image:-webkit-linear-gradient(top, #fafafa, #e1e1e1);background-image:-moz-linear-gradient(top, #fafafa, #e1e1e1);background-image:-ms-linear-gradient(top, #fafafa, #e1e1e1);background-image:-o-linear-gradient(top, #fafafa, #e1e1e1);background-image:linear-gradient(top, #fafafa, #e1e1e1);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#e1e1e1, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {background-color:#dfdfdf;}

.btn-primary, .btn-primary:hover, a.btn-primary, a.btn-primary:hover {color:#ffffff;}

.btn-primary {border:1px solid #5d87b6;border-bottom:1px solid #496a8f;background-color:#6898cc;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#6898cc), to(#5e89b8));background-image:-webkit-linear-gradient(top, #6898cc, #5e89b8);background-image:-moz-linear-gradient(top, #6898cc, #5e89b8);background-image:-ms-linear-gradient(top, #6898cc, #5e89b8);background-image:-o-linear-gradient(top, #6898cc, #5e89b8);background-image:linear-gradient(top, #6898cc, #5e89b8);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6898cc, endColorstr=#5e89b8, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color:#5d87b6;}

#divHeaderText { color:#fff;}

.contentArea{ max-width:1100px; margin:0 auto; position:relative; top:200px;}
#contentInnerSeparator{margin-top: -10px; margin-bottom: 0px; border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid; height: 0px;}

#footerOuterSeparator{margin-top: 28px; height: 0px; background-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid;}

#headerSeparator{margin-top: 0px; border-top-color: rgb(51, 51, 51); border-top-width: 0px; border-top-style: solid;}

h3,.page-content h3 a {font-weight: normal; font-style: normal;  font-size: 28px; line-height: 50px;}

h4,.page-content h4 a {font-weight: normal; font-style: normal;  font-size: 21px; line-height: 50px;}

h5,.page-content h5 a {font-weight: normal; font-style: normal;  font-size: 17px; line-height: 50px;}

h6,.page-content h6 a {font-weight: normal; font-style: normal;  font-size: 15px; line-height: 50px;}

.line-separator{border-top-width: 1px; border-top-style: dotted; margin-top: 21px; margin-bottom: 21px; border-top-color: rgb(195, 195, 195); }

#divVideo{border: 7px solid rgb(255, 255, 255); margin-left: -5px; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 15px; }

.nav .dropdown-toggle .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}

.nav .dropdown-toggle:hover .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}

.navbar .dropdown-menu, .dropdown-menu {background-color:rgb(255, 255, 255);border-radius:0px;}

.navbar .dropdown-menu li > a, .dropdown-menu li > a, .navbar .nav-pills .open .dropdown-toggle {color:rgb(0, 0, 0)}

.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu .active > a, .navbar .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav-pills .open a.dropdown-toggle:hover {filter:none;color:#ffffff;background-color:#6898cc;background-image:none}

.navbar .nav-pills > li > a {/*margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:0px;color:rgb(41, 41, 41);background-color:transparent;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:rgb(240, 240, 240)*/}

.navbar .nav-pills > li > a:hover, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .nav-pills > li > a:focus {color:rgb(41, 41, 41);background-color:transparent;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#6898cc}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {background:none}

.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills li.dropdown.open > .dropdown-toggle, .navbar .nav-pills li.dropdown.active > .dropdown-toggle {color:rgb(41, 41, 41);background-color:transparent;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#6898cc;}

.navbar .ddmenu {/*margin-top:3px;*/margin-bottom:0px}

.navbar .nav-pills li.dropdown > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle .caret {border-top-color:rgb(41, 41, 41);border-bottom-color:rgb(41, 41, 41);}

.navbar .nav-pills li.dropdown > .dropdown-toggle:hover .caret {border-top-color:rgb(41, 41, 41);border-bottom-color:rgb(41, 41, 41);}

.navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret {border-top-color:rgb(41, 41, 41);border-bottom-color:rgb(41, 41, 41);}

.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}

.dropdown-menu li:hover .sub-menu {visibility:visible;}

.ddmenu.nav-pills li a { font-size: 11px;/* height:100px;line-height: 17px;*/}

.ddmenu .dropdown-menu li a { line-height: 26px; font-size: 13px;}

.camera_caption {font-size: 14px;  letter-spacing: 1px; line-height: 21px;}

.lead h2 {font-size: 40px; line-height: 60px; color: rgb(69, 68, 68); }

.lead h3 {font-size: 23px; color: rgb(69, 68, 68); }

.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}
.navbar .btn-navbar-highlight {display:none;width:100%}

#decorative2 {z-index:100 !important}


/* Slider Shadow */

.shadow {
    position: relative;
}

.shadow:after {
	content: '';
	position: absolute;
	z-index: -2;
	left: 2%;
	width: 96%;
	height: 60px;
	-moz-border-radius: 48%/30px;
	-webkit-border-radius: 48%/30px;
	border-radius: 48%/30px;
	bottom: 24px;
/*	-moz-box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);*/
	box-shadow:none/* 0 40px 15px rgba(0, 0, 0, 0.5)*/;
}

.shadow:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 30%;
	width: 40%;
	height: 60px;
	-moz-border-radius: 15%/30px;
	-webkit-border-radius: 15%/30px;
	border-radius: 15%/30px;
	bottom: 44px;
/*	-moz-box-shadow: 0 50px 50px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 50px 50px rgba(255, 255, 255, 0.4);*/
	box-shadow:none /*0 50px 50px rgba(255, 255, 255, 0.4)*/;
}

/* Social Icons */

.social_bookmarks a{ float:left; margin-right:10px;}
.icon_twitter { width:31px; height:30px; background:url('../icons/twitter1.png')}
.icon_twitter:hover {background:url('../icons/twitter2.png')}
.icon_facebook { width:31px; height:30px; background:url('../icons/facebook1.png')}
.icon_facebook:hover {background:url('../icons/facebook2.png')}
.icon_google { width:31px; height:30px; background:url('../icons/google1.png')}
.icon_google:hover {background:url('../icons/google2.png')}
.icon_pinterest { width:31px; height:30px; background:url('../icons/pinterest1.png')}
.icon_pinterest:hover {background:url('../icons/pinterest2.png')}
.icon_flickr { width:24px; height:24px; background:url('http://casceramica.com/icons/icons_flickr.png')}
.icon_flickr:hover {background:url('http://casceramica.com/icons/icons_flickr_hover.png')}

/*********************************custom******************************************/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
	
}
.clearfix h3{margin:5px 0; font-size:1.6em; color:#FFFFFF;}
/* Basic Styles */
body {
	background-color: #ece8e5;
}
nav {
	height: 40px;
	width: 100%;
	/*background: #666;*/
	font-size: 8pt;
	/*font-weight: bold;*/
	position: relative;
	/*border-bottom: 2px solid #283744;*/
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	height: 40px;
}
nav li {
	display: inline;
	/*float: left;*/
	margin-left:25px;
	/*  border-bottom: 1px solid #fcdf47;*/
}
nav a {
	color: #ccc;
	display: inline-block;
/*	text-transform:uppercase;*/
	/*width: 100px;
	padding-left: 5px;
	padding-right: 5px;*/
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	/*text-shadow: 1px 1px 0px #283744;*/ 
	padding:0 5px
}
nav li a {
}
nav li:last-child a {
	border-right: 0px;
}
nav a:hover, nav a:active {
	background-color: #84accd;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1000px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		/*float: left;*/
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 1000px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: transparent;
		border-bottom: none;
		width: 100%;
		position: relative;
		font-size:1.7em; 
		color:#fff;
		
	}
	nav a#pull:after {
		content:"";
		background: url('http://casceramica.com/css/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		left:5px;
		top: 10px;
	}
	nav a#pull:hover{ color:#FFFFFF;}
}
.destacados{
	height: 250px;
}


/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}



.portes {
    background: #d0e8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e8ff 0%, #5a9bc4 24%, #d53734 50%, #5a9bc4 79%, #d0e8ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e8ff), color-stop(24%,#5a9bc4), color-stop(50%,#d53734), color-stop(79%,#5a9bc4), color-stop(100%,#d0e8ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e8ff 0%,#5a9bc4 24%,#d53734 50%,#5a9bc4 79%,#d0e8ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e8ff 0%,#5a9bc4 24%,#d53734 50%,#5a9bc4 79%,#d0e8ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e8ff 0%,#5a9bc4 24%,#d53734 50%,#5a9bc4 79%,#d0e8ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0e8ff 0%,#5a9bc4 24%,#d53734 50%,#5a9bc4 79%,#d0e8ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e8ff', endColorstr='#d0e8ff',GradientType=0 ); /* IE6-9 */

	border: 1px solid #d53734;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    left: 2px;
    margin-top: 5px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.carrotxt img{ height:30px; padding:3px;}
.subcuadros {
    float: left;
    margin-right: 25px;
}
#cantidades{ border: 1px solid #515151;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    position: relative;
    }
.sbHolder {
    border: 1px solid #515151;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    position: relative;
    width:220px;
}
.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #333;
    outline: medium none;
    text-decoration: none;
}
.sbToggle {
    background: url("../img/select-icons.png") no-repeat scroll 0 -116px rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.sbToggle:hover {
    background: url("../img/select-icons.png") no-repeat scroll 0 -167px rgba(0, 0, 0, 0);
}
.sbToggleOpen {
    background: url("../img/select-icons.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
}
.sbToggleOpen:hover {
    background: url("../img/select-icons.png") no-repeat scroll 0 -66px rgba(0, 0, 0, 0);
}
.sbHolderDisabled {
    background-color: #3c3c3c;
    border: 1px solid #515151;
}
.sbOptions {
    background-color: #fff;
    border: 1px solid #515151;
    left: -1px;
    list-style: outside none none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 1;
}
.sbOptions li {
    padding: 0 7px;
}
.sbOptions a {
    border-bottom: 1px dotted #515151;
    display: block;
    outline: medium none;
    padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited {
    color: #333;
    text-decoration: none;
}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    color: #900;
}
.sbOptions li.last a {
    border-bottom: medium none;
}
.sbOptions .sbDisabled {
    border-bottom: 1px dotted #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup {
    border-bottom: 1px dotted #515151;
    color: #ebb52d;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub {
    padding-left: 17px;
}
#modelos .comprar {
	background:#555555 none repeat scroll 0 0;
	border-radius:5px;
    color: #fff;
    float: right;
    font-size: 1.2em;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

 /*Colores */
 

	a{color:#555;}
	a:hover {color:#555;}
	
    #menutop{background:#000000;}
    #menutop li { color:#000000;}
   	#menutop li a {color:#fff;}
	#menutop li :hover { background:#000000;}
    
    #menutop2{background:#000000;}
    #menutop2 li { color:#000000;}
   	#menutop2 li a {color:#fff;}
	#menutop2 li :hover { background:#000000;}
    
   
 	.blanco{ border-radius:5px; padding-left:3px; padding-right:3px;background:rgba(242, 242, 242, 0.9);  }
  	.marcado{ border-radius:5px; padding-left:3px; padding-right:3px;background:rgba(242, 242, 150, 0.9);}
	.blancotxt{color:#fff;}
    .titulo {color:#fff;}

	.N1 {background: #ccc;}
	.N1 a {color:#000000;}
	.N1 a:hover{ background: #ccc; color:#555;}
	.N2 a{ background: #ececec;}
	.N2 a:hover{background: #b3b8c5; color:#000;}
    .N3 a{ background: #ececec; border-left:3px solid #ececec; border-right:3px solid #ececec; }
	.N3 a:hover{background: #fff; color:#000000;}
	   
    .enlaces img{ padding:5px;}
   #documentos {width:100%; margin-top:10px;position: relative;  
			overflow:hidden;
			text-align:center;
			float:left;
			display:block;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;			
			background: #555;}
		#documentos H3{ text-transform:uppercase; color: #ccc;}
	#menupie li a { color:#fff; }
   	#menupie li a:hover { background:#333;}		
	
    #incSitemap {}
	#incSitemap li a{color:#fff;}
	#incSitemap .Niv1{ color:#fff;}
	#incSitemap .Niv1 a{ color:#555;}
	#ul.columnas li a { color:#555;}

	#incSitemap .Niv1 a{  font-size:1.1em; font-weight:bold; color:#000000;}
	
    #faldonpie{}

	#contenidopie{color: #fff;}
		#contenidopie a{color:#bbcbde; }

	.volver{background:#555;}
		a.volver {color:#fff;}
		a.volver:hover {color:#ccc; background:#000;}
	
	.boton {color:#fff; background: #333; }
		a.boton:hover{background: #000; color:#fff;}

	
	#buscadortienda .formbutton {top:8px;/*float:right;*/}
    
    #barraAcceso a{color:#fff;}
	#barraAcceso a:hover{color:#fff;}
            
    .producto .precio{ color:#000000;}
	.producto .preciosindto{ color:#809dc6;}
	.producto .precioanterior{ color:#809dc6;}

	#registrolateral .titulo { background:#333; color:#fff;}


html{ margin:0; padding:0; border:0; }

body {
text-align:center;
font-size:16px;
font-family: 'Josefin Sans', sans-serif;
margin:0; padding:0;
color:#000; 
background-image:none;
background-color:#fff;
}

img { border:0; }

a{text-decoration:none;}
a:hover {text-decoration:none;}

H1, H2, H3, H4,H5,H6 .titulo {border:0px; padding:0px;  font-weight:normal; }
H1 {font-size:1.2em; margin:0px; }
H2 {font-size:1.2em; text-transform: capitalize; }
H3 {font-size:1em; margin:0px; font-weight:bold;}
H4 {font-size:1em;margin:0px;}
H5{font-size:1em; margin:0px;}
H6{font-size:1em; margin:0px;}
fieldset{ border:0;}
.titulo {font-size:1.8em; font-weight:bold; text-align:left;}
#buscadorpedido{ 
	float:left;
	padding-left:5px;
	width:895px ;
	margin:5px;
	border: 1px solid #696;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	background: #fff;
	behavior: url(http://casceramica.com/css/PIE.htc);
}


/************************************************/	
/**************** CABECERA **********************/
/************************************************/	
#cabecera{
	position:fixed;
	min-height:150px;
	top:0px;
	z-index:1000;
	width:100%;
	}
	#barrasup{
		width:100%; 
		height:30px;
		background: #f5f6f6; /* Old browsers */
		background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
		bottom:0px;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);		
		}
	#contenidobarrasup{ 
		/*width:1000px;*/ 
		color:#fff; 
		margin:0 auto; 
		position:relative;
		}
	#home{float:left;}
		
		
	#contenidocabecera{ /*width:1000px;*/ margin:0 auto; position:relative;z-index:1000;}
	#ImgHome{  margin:0 auto; float:right;}
	#ImgHome img{ width:100%; height:auto;}
	#logotipo{ clear:both; float:left; z-index:10; margin-top:10px;left:20px; position:relative; top:-10px; width:15%;}
	#divLogo{margin-top: -20px; margin-bottom: 0px; text-align: center;}
	#cabecera-central{max-width: 1100px;margin: 0 auto;}
	#pie-central{max-width: 1100px;margin: 0 auto;}
	#logotipocabecera{text-align:left; position:relative;}
	
	
	#divtelefono {
	display: none;
    font-weight: bold;
    text-shadow: 1.5px 1.5px 1.5px #fff;
    z-index: 999;
}
#carroproductos{display:none;}

#divbanner-topleft{ 
	margin:25px 0 0 0}

.numerotel{font-size:1.7em;  margin:1px;/* float:left;*/display: inline;}
	#divtelefono img{ top:2px; position:relative;}
	.numerowsp{font-size:1.7em;  margin:1px; ;/*float:left;*/display: inline; padding-left:10px} 
	#divtelefono a{color:#d53734; font-style:italic; font-variant:normal}	
	
	
	/**traductor de google**/ 

	#google_translate_element {
    font-size: 1em;
    font-weight: normal;
    position: relative;   
    z-index: 999;
	top:0;
	height:auto;
}
	/*** Menu NIVEL1***/	
	#menutop{ clear:both;
 float:left;
 overflow:hidden;
 width:100%; }
	#menutop ul{ float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;}
	#menutop li { list-style-type:none; float:left; margin-top:1px; height:28px;
 position:relative;
 right:50%;}
	#menutop li a { font: 12px ; display:block; padding:5px 7px; color:#000;}
	#menutop li :hover {  background:#efefec; }
	#menutop .carro {background: #ba0300; width:150px; text-align:center;}
	#menutop .carro a{color:#fff; font-size: 1em; font-weight:bold; line-height:20px;}
	#menutop .btpromociones{ background: #ba0300; }
	#menutop .btpromociones a{ color:#FFFFFF;}
	/*** Menu NIVEL2***/
	#menutop2{ height:35px; overflow:hidden;	margin:0 0 7px 0; padding:0;width:910px; }
	#menutop2 ul{padding:0px; margin:5px 0;}
	#menutop2 li { list-style-type:none; color:#fff; float:left; border-left:1px solid #ccc; text-transform:uppercase;}
	#menutop2 a { font: 12px ; color:#fff; display:block; padding:7px;}
	#menutop2 li a:hover{background:#000;}	
	#menutop2 .btpromociones{ background: #900;}
	
	/*** Productos del CARRO, puede estar en lateral o en cabecera ***/
#contactar_formulario centrar{ width:50%;}
/***	#carroproductos{
		position:relative;  
		
		text-align:left;  
		
		font-size:0.8em;   
		float:left;
		 }  Si está en cabecera:***/
	/*** Si está en cabecera esto display none ***/ #titcarro { color:#555; font-weight:bold; padding:2px; display:none; }
	#carro_texto{/*float:left;*/}
	#carro_ver{float:left; margin-left:10px;}
	
	#carroproductosInterior {
    background: url("imagenes/carrito.png") no-repeat scroll left center #d53734 ;
    border: 1px solid #d53734;
    color: #fff;
   /* float: right;
    font-size: 0.8em;*/
    padding: 7px 7px 7px 35px;
    position: relative;
	display:inline-table; 
	margin-top:5px

}
	#carroproductosInterior a {padding:3px 10px; color:#fff; background: #d53734; border:solid 1px #FFF }
	/*#carroproductosInterior a:hover{ border-bottom: 4px solid #efefec; }*/
			
		/*** Buscador Cabecera***/
	#buscadortienda{ 
		
		color:#555;
		position:relative;
		text-align:left;
		font-size:0.9em;
		width:97%;
		margin:0 12px;
		padding:5px;
		margin-bottom:20px;
		/*background: #ffffff;  Old browsers 
		
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 51%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ededed));  
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 51%);  
		background: -o-linear-gradient(top,  #ffffff 0%,#ededed 51%); 
		background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 51%); 
		background: linear-gradient(to bottom,  #ffffff 0%,#ededed 51%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); */
		border:solid 1px #d2d1d1;
	/*	-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: #666 2px 2px 2px 2px;
		-moz-box-shadow: #666 2px 2px 2px 2px;
		box-shadow: #666 2px 2px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);		   */
	}
	#buscadortienda H1{color:#000;font-size:2.2em; margin:0px; margin-left:5px; }
	#buscadortienda select {width: 90%;}
	#buscadortienda .txtseek {width: 300px;}
	#buscadorpedidomini {
		padding-top:50px;
    float:left;
    height: 50px;
    position: relative;
	display:inline-table; 
	margin:0px;
}
#formbuscarmini{ text-align:right;}
#buscadorpedidomini #txtProducto{ width:40%; background: none ; padding:4px ; margin-bottom:10px; border:1px solid #000; background-image:url(../images/fondobuscador.png); background-repeat:no-repeat; padding-left:25px;}


/************************************************/	
/**************** CABECERA **********************/
/************************************************/	
#categorias	{ color:#555; position:relative; float:left; text-align:left; font-size:1em;  margin:0 auto; padding:5px 0; z-index:3000;}
.izquierda {float:left; margin-left:10px; height:55px;}		
.derecha{float:right; margin-right:10px; height:85px;}

/**MENU TOP **/
#header {
    padding: 0.35em;
    position: relative;
	margin-bottom: 0;
	height:30px;
	float:right;
}
.inner {
	background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 2px 1px 0 rgba(255, 255, 255, 0.2) inset;
    position: relative;   
	 height:30px;
}

#nav {
   
    position: relative;
	float:right;   
	 height:30px; 
	 background-color:#efefec !important;
}
		#nav ul{ padding:0; margin:0; }
		#nav li { list-style-type:none; float:left; text-transform:uppercase; margin-top:1px; height:28px;overflow:auto;}
		#nav li a { font: 12px ; display:block;  color:#000; padding:5px;}
		#nav li :hover {background-color:#f4f4f4;}
/**FIN MENU TOP**/



/**************** CUERPO DE PAGINA ****************/
#contenido{	position:relative; text-align:left; width:100%; z-index:900;  margin:0 auto; }

/*** Lateral IZQUIERDO***/	
	#lateralizquierdo{ float:left; overflow:hidden; margin-right:5px;}

		/*** MENU DE PRODUCTOS ***/
		#menupr{ 
		margin:5px 0px;background-color:#ccc ;color:#555;border-radius:5px;	overflow:hidden; float:left; behavior: url(http://casceramica.com/css/PIE.htc); width:100%;}
		.N1 { text-align:left; margin:1px 0; border-bottom:1px solid #b3b8c5; width:99%; margin-left:2px; }
			.N1 a { heigth:100%; padding:5px; display:block; font-size:1em;}
			.N1 a:hover{}
		.N2 { text-align:left; border-bottom:2px solid #fff;}
			 .N2 a{ display:block; padding:5px; padding-left:10px;height:100%; font-size:1em;}
			 .N2 a:hover{}
		.N3 { text-align:left; border-bottom:2px solid #fff;}
			 .N3 a{ display:block; padding:5px; padding-left:15px; height:100%; font-size:1em;}
			 .N3 a:hover{}

				/***  REGISTRO CABECERA ***/
	#registroCabecera {
   float:right;
    margin: 5px 0;
   background:rgba(242, 242, 242, 0.9);

    
}
#registroCabecera .bgregistrocab {
   
 /*   border: 1px solid #000000;
    height: 75px;*/
}
#registroCabecera .email {
    float: left;
    margin-left: 5px;
    text-align: left;
	
	position:relative;
}
#registroCabecera .clave {
    float: left;
    margin-left: 5px;
    text-align: left;
	
	position:relative;
}
#registroCabecera .botonvalidar {
    float: left;
    margin-left: 5px;
    text-align: left;
}
#registroCabecera fieldset {
  background: url("http://casceramica.com/css/imagenes/candadoFdo.jpg") no-repeat scroll right top #EFEFEC;
    padding: 5px;
   
}
#registroCabecera .titulo {
    color: #555555;
    padding-left: 5px;
    text-align: left;
}
#registroCabecera form {
    padding: 0;
}
#registroCabecera input[type="text"]{ width:97%;}
#registroCabecera input[type="password"]{ width:97%;}
#registroCabecera #registrado {
    color: #000000;
    font-size: 1em;
    padding: 15px;
}
#registroCabecera #registrocliente {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
}
#registroCabecera #divregistrarme, #registroCabecera #divmiperfil, #registroCabecera #divmiscompras {
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    margin: 5px 0;
}
#registroCabecera #divcontrasena, #registroCabecera #divregistrarme {
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 10px;
    margin: 5px;
    padding: 3px 5px;
    text-transform: uppercase;
}
#registroCabecera #divcontrasena a, #registroCabecera #divregistrarme a, #registroCabecera #divmiperfil a, #registroCabecera #divmiscompras a {
    display: block;
	
}
#registroCabecera #divcontrasena a:hover, #registroCabecera #divregistrarme a:hover, #registroCabecera #divmiperfil a:hover, #registroCabecera #divmiscompras a:hover {
    color: red;
}
		/***  REGISTRO LATERAL***/
		#registrolateral{ margin:5px 0px; background:#efefec url(http://casceramica.com/css/imagenes/candadoFdo.jpg) right no-repeat;  color:#555; border-radius:5px; overflow:hidden; behavior: url(http://casceramica.com/css/PIE.htc);}
			#registrolateral .titulo {  padding:5px;  text-align:left; width:100%;}
			#registrolateral form { padding:5px;}
			#registrolateral #registrado {font-size: 1em; color:#000; padding:15px;}
			#registrolateral #registrocliente {border:1px solid #ccc; background:#efefef;}
			#registrolateral #divcontrasena {font-variant:small-caps; font-size: 1em; font-weight:bold; margin:5px 0;}
			#registrolateral #divregistrarme, #registrolateral #divmiperfil, #registrolateral #divmiscompras { font-size:1em; font-weight:bold; margin:5px 0; border-bottom:1px solid #ccc;} 
			#registrolateral #divcontrasena {padding-bottom:5px;}
			#registrolateral #divcontrasena a, #registrolateral #divregistrarme a, #registrolateral #divmiperfil a, #registrolateral #divmiscompras a{ display:block;}
			#registrolateral #divcontrasena a:hover, #registrolateral #divregistrarme a:hover, #registrolateral #divmiperfil a:hover, #registrolateral #divmiscompras a:hover{color:#000;}
			
		.banner{ margin: 3px 0;}
		.banner img{ width:100%;}
			.panel_banner{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    box-shadow: 0 2px 2px #666;
    margin: 15px 5px 5px;

    padding: 5px;
}	
		.titulobanner{color:#555; font-weight:bold;}
		.textobanner{color:#848588; font-style:normal;}
		
		#protecciondedatos {color:#000; font-weight:bold;}
		
/**************** ****************/

/*** Lateral DERECHO ***/	
	#lateralderecho{width:24%; float:right; text-align:center; overflow:hidden;}
	

/*** CENTRAL ***/	
	#central{width:100%; margin-left:5px; float:left; border-left:#CCCCCC solid 1PX;border-right:#CCCCCC solid 1PX;  }
	#central_ext {float:left; width:75%; position:relative;}
	
	
	
	
	/** DESCARGAS **/
		.descargas {background: #efefec; }
		.descargas H4{margin:0; color:#ba0300;}
			.descargas a { width:100%; height:100%; display:block; padding:10px; }
			.descargas :hover {background: #ccc;}
	

/**************** PAGINAS ****************/

/****** HOME **/
		
		.acceso{ 
			overflow:hidden;
			text-align:center;
			float:left;
			margin:0.5%;
			width:23.6%;
			min-height:210px;
			display:block;
			position:relative;
			
			border: 1px solid #696;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;			
			background: #fff;
			
			behavior: url(http://casceramica.com/css/PIE.htc);
		}
		.acceso:active{
			/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
			top:4px;
			/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
			-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
			-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
			box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		}
		.acceso:hover{
			top:-5px;
			cursor: pointer;
			border: 1px dashed #696;
			-webkit-border-radius: 30px 30px 30px 30px;
			-moz-border-radius: 30px 30px 30px 30px ;
			border-radius: 30px 30px 30px 30px ;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;
			behavior: url(http://casceramica.com/css/PIE.htc);
			
		}
		.acceso img{  
			position:relative;
			top:10px;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			max-height:100px;
			max-width:90%;
			vertical-align: middle;
			border:inset 1px #000000;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;
	 		behavior: url(http://casceramica.com/css/PIE.htc);
			
		}
		.acceso h2{color:#FFF;font-size:1.1em; margin:0px; margin-left:5px;}
		.acceso h3{color:#000;font-size:0.8em; margin:0px; margin:5px; position:relative; top:30px; }
		.acceso .barraAcceso span{padding:10px; line-height:25px;}
		.acceso .barraAcceso{ position:absolute; bottom:0; left:0; background:#efefec url(http://casceramica.com/css/imagenes/acceso.gif) right no-repeat; border-top:1px solid #ccc; width:295px; height:25px; z-index:999; text-align:left; padding:3px 0 0 3px;}
		
		
				
		.derecho {float:right;}
		.izquierdo {float:left;} 
		.margen{ margin-top:130px;}		
		.acceso a{color:#555; font:13px ; text-transform:uppercase;}
			
		
		#faldon{ background: #333;}	
		#faldon a {color:#fff;}
		
		#buscadorHome{ float:left;  margin:0.5%; width:23.9%; background:#a9aaad; height:280px; color:#fff;}
		#anuncioHome{  margin:5px; float:right; width:240px; overflow:hidden;}

		#novedades_TITULO {float:left; position:relative;color:#555; width:99%; padding-top:5px;  padding-left:5px; font-size:18px; font-weight:bold; top:-5px;
		background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);		
				}
				
		
		#novedades{-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;
			background: #fff;
			behavior: url(http://casceramica.com/css/PIE.htc);}
		.productonovedad {	width:33%; height:250px; margin:0.5%; float:left; position:relative; overflow:hidden; background:#fff; text-align:center;}
		.productonovedad a{ width:100%; height:100%; display:block;}
		.productonovedad a:hover{border:1px solid #ccc;  }
		.productonovedad H3{ font-size:1.4em;  margin-top:15px; *margin-top:25px;}
		.productonovedad img{ margin:25px 10px 2px 2px;}
		
		#destacado_home {width:24.5%; float:right; margin-right:0.5%; }
		#destacados {border:1px solid #900; background:#fff; height:250px;-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: #666 0px 2px 2px;
			-moz-box-shadow: #666 0px 2px 2px;
			box-shadow: #666 0px 2px 2px;
			behavior: url(http://casceramica.com/css/PIE.htc);}
		#destacados ul{margin:0; padding:0; width:95%;}
		.destacado_producto{ background:#fff;width:95%; padding:0 10px; height:260px; min-height:260px; border:#000000 solid 1px;}
		.destacado_producto .etiqdescuento{float: right; background: #900; color: #fff;; font-size:1.5em; padding:5px; width:30px;}
		.destacado_titulo{font-size:1.0em; font-weight:bold; position:relative;top:30px; z-index:1000}
		.destacado_precio{position:relative;color: red; font-size:1.5em; top:0;   right:3px; padding:5px 10px; background:#000;  font-weight:bold;}
				
/******CARRO***/
		#carrito{width:1200px; position:relative; margin:0 auto;	text-align:left;}
		.pasoOFF{border:1px solid #ccc; background:#f4f4f4; float:left; margin-left:10px; position:relative;  font-size:12px;}
		#progreso{width:100%; margin:0 auto;  text-align:center;  }
		#progreso #barra{position:relative;height:21px;background:red;float:left;margin-top:5px;}
		#progreso #texto{float: right; color: rgb(255, 255, 255); font-weight: bold; padding-right: 5px;}
		.num{font:50px Georgia, "Times New Roman", Times, serif; }
		.tdcarro{background:#efefef; border-bottom:1px solid #555;}
		.gastosenvio{ float:left;margin-left:10px;background-color:#CCCCCC;padding:15px; height:60px; width:280px;}
		
		.aviso {padding:2px;/* border:2px solid #900; font-size:12px; margin:10px auto;*/ color:#333; float:left; }
		.promoprod {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}
			.promoprod img{ padding:3px; height:30px;}
			.promoprecio { position:relative; right:5px; bottom:5px; color:red; font-weight:bold; float:right;}
		.bgnegro{background:#000; color:#fff; text-align: center; font-weight:bold;	}
		.fondonegro{background:#000; color:#fff; font-weight:bold;	}
		.carroprecio {
    bottom: -10px;
    color: #FF0000;
    font-weight: bold;
    position: relative;
    right: 5px;
}
#avisodisponibilidad{ text-align:justify; font-size:10px;}
.carrotxt{ text-align:justify;}		


/*** CONTENIDOS **/
#lateral{width:240px; float:left; text-align:center;}
#derecha{width:100%;margin:0 auto;  }


/** CONTACTAR **/
#contactar_formulario{ padding:10px; background:#fff; float:left; width:60%; margin-bottom:10px;}
#contactar_mapagoogle { background:#fff; margin-bottom:15px; overflow:hidden; width:100%;}
#contactar_direccion_postal{ width:32%; float:right; background:#fff; padding:10px;}
#contactar_delegaciones{  width:30%; float:right; background:#fff; padding:10px;}

#okform { clear:both; padding:20px; background:url(http://casceramica.com/css/imagenes/okform.gif) repeat-x; border:1px solid #060; font-weight:bold;}
.okform { background:url(http://casceramica.com/css/imagenes/okform.png); width:40px; height:40px; float:left; margin-right:20px; }

/** SERVICIOS **/
#servicios {  width:100%;}

/** PRODUCTOS **/
	.productofoto {width:175px; height:110px; border:1px solid #ccc;} 

	/** CASILLA DE NIVELES **/
		/*efecto BN de la imagen**/ 
		.bwWrapper {position:relative; display:block;}
	.productonivel {width:32%; margin:0.5%; float:left; position:relative; height:200px; background:#fff; text-align:center;}
			.productonivel a{ width:100%; height:100%; display:block;}
			.productonivel a H3{ font-size:1.2em; text-transform:uppercase;}
		
		/*enunciado*/.productonivel h3{font-size:2em;  font-weight:normal;}
						.productonivel h3:hover{color:#F00;}
		.imgproductonivel .descuento{ margin-left:-5px; z-index:999;}

	/** CASILLA DE PRODCUTO **/
	.producto {	width:32%; height:250px; margin:0.5%; float:left; position:relative; overflow:hidden; background:#fff; text-align:center;}
		.producto a{ width:100%; height:100%; display:block;}
		.producto a:hover{border:1px solid #ccc;  }
		.producto H3{ font-size:1.4em;  margin-top:15px; *margin-top:25px;}
		.producto img{ margin:25px 10px 2px 2px;}
		
		/** ETIQUETA DE OFERTA **/
		.etiquetaamp{padding:8px; font-size: 1em; font-weight:bold;}
		.etiquetapeq{padding:5px; font-size: 1em; font-weight:bold; position:relative; top:0; left:0; width:98%; height:20px; text-align:left;}
		.etiquetapeq h3{padding:0px; margin:0px auto; position:absolute;top:5px; width:100%;}
		.roja{background-color:#ed0203; color:#FFF;}
		.gris{background-color:#EFEFEC; color:#555555;}
		.ofertaamp{padding:8px; font-size: 1em; font-weight:bold;}
		.ofertapeq{padding:5px; font-size: 1em; font-weight:bold; position:absolute; top:0; left:0; width:98%;}
	
		.etiqdescuento { position:absolute; z-index:100; right:5px;; top:0; width:100%; text-align:right; height:30px;}
		.numdescuento {color:#fff; font-size:20px; font-weight:bold; margin-right:5px; position:absolute; right:0;}

		
		/*PRECIOS*/
		.producto .precio{ position:absolute;  font-size:16px; bottom:-3px; right:3px; padding:5px 10px; background:#000; color:#fff; font-weight:bold;}
		.producto .preciosindto{ position:absolute;  font-size:1em; bottom:-3px; left:5px; padding:5px 10px; font-weight:bold; text-decoration:line-through;}
		.producto .precioanterior{ position:absolute;  font-size:12px; bottom:25px; right:5px; padding:5px; font-weight:bold;}
	

	.redondo15{	border-radius:15px;	 overflow:hidden;	behavior: url(http://casceramica.com/css/border-radius.htc);}
	
	
	.productosinfoto{ border:1px solid #ccc; text-align:left; padding:5px 5px 5px 8px; height:50px; width:220px; float:left; margin:10px 0 0 10px; display:block; background:url(http://casceramica.com/css/fimagenes/do_boton_moto_Off.jpg) left top; position:relative;}
	.productosinfoto img{width:40px; position:absolute; right:3px; top:18px;}
	.productosinfoto h3{font-size:1em; color:#666; width:180px;}
	.productosinfoto h3:hover{color:#F00;}
	
	.productotipo {width:130px; height:150px; margin:3px; padding:3px; float:left; background:#fff; position:relative; border:1px solid #ccc; text-align:center;}


/** FICHA PRODUCTOS **/
	#informaciongeneral{background-color:#FFF;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	behavior: url(http://casceramica.com/css/PIE.htc);}
	#infproducto{width:100%;margin:0 auto; }		
	#tdfoto {width:250px; float:left; background:#fff; }
	#DIVfoto {position:relative; width:250px; height:250px; background:#fff; margin:0; border:1px solid #ccc;
   -webkit-box-shadow: 0px 2px 5px #555;
   -moz-box-shadow: 0px 2px 5px #555;	box-shadow: 0px 2px 5px #555;}
   
	#lupafoto {position:absolute; bottom:0px; left:5px; z-index:100; background: url(http://casceramica.com/images/lupa2.gif); width:32px; height:32px; display:block;}
	#tdfoto #descuento{ background:url(http://casceramica.com/css/imagenes/cunyo2.png) top right no-repeat; width:95px; height:95px; top:0px; right:0px; font-size:18px; z-index:100; padding:3px 3px 0 0 ; color:#FFFFFF; position:absolute; text-align:right;}
	#valorcheque{ background:url(http://casceramica.com/css/imagenes/cunyo2.png) top right no-repeat; width:95px; height:95px; top:0px; left:0px; font-size:18px; z-index:100; padding:3px 3px 0 0 ; color:#FFFFFF; position:absolute; text-align:right;}
	.fotoprew{ width:94px; height:94px; overflow:hidden; float:left; margin:0 4px 0px 0; border:1px solid #ccc;}
	.fotoprew img{ width:90px;}
	
#infofoto{float:left; width:100%; position:relative;}
#masinfoproducto{ float:left; width:100%; position:relative;top:20px;}

#masinfo_producto {
    float: right;
  margin: 2px 2px 0 ;
}
#masinfo_producto a {
    display: block;
    height: 100%;
    width: 100%;
}
#ventana_portes {
    float: right;
    margin: 2px 2px 0 ;
    position: relative;
	left:0;
 
}
#masinfo_producto a:hover, #video a:hover, #fichero a:hover, #tooltip_icono_portes:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
#fichero {
    float: right;
   margin: 2px 2px 0 ;
}
#fichero a {
    display: block;
    height: 100%;
    width: 100%;
}
#video {
    float: right;
    margin: 2px 2px 0 ;
}
#video a {
    display: block;
    height: 100%;
    width: 100%;
}
#disponibilidad{ float: left;
    margin: 5px 15px 0 0;}	
#faqsprod {z-index:999;}
#infofoto {
    float: left;
    position: relative;
    width: 100%;
	background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
	border:2px solid #fff;
}
#logomarca{width:100px; float:left;/* border:1px solid #ccc;*/ margin:0 10px 5px 0;}

.divcargando { margin:50px 450px;}

#descripcionproducto {font-size:18px; text-align: justify; }
.ofertarelacionado { background: #900;  height:25px;}

/** MODELOS **/	
#modelos{  position:relative;  }
#modelos .span4{  margin:0px; min-height:280px;  }

	
	  .foto_del_modelo img {
    bottom: 0;
    margin: auto;
    max-height: 180px;
    position: relative;
    right: 0;
    top: 0;
}
	#modelos .descripcion { display:block; font-size:16px; float:left; padding:5px; font-weight:bold; }
	#modelos .referencia { font-size:13px; float:left; }
	#modelos .talla {  font-size:13px;  float:left; width:150px;}
	#modelos #disponibilidad {font-size:13px; float:right; width:220px;  position:relative;}
  #modelos #aviso { font-size:14px; float:left;}
	.disponible{ border: 1px solid #FFBB00;
    position: relative;
	padding:5px;}
	
	 #modelos .precioantes {  font-size:1.2em; color:#555; text-decoration: line-through;  float:right; width:auto; }
					
	/*ANULADO*/#modelos .preciotarifa {  font-size:1em; color:#555;text-decoration:line-through; float:left; padding-right:15px; margin-top:15px;
				display:none;}
	#modelos .avisodescuento {
		    color: #CC0000;
    float: left;
    font-size: 32px;
    font-weight: bold;
    
    padding-left: 2px;
    position: relative;
    top: 15px;}
	#modelos .precio {
    background-color: #fff;
    border: 1px solid #555;
    color: #d53734;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    padding: 8px;
    width: auto;
}
	#modelos .bgdto {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e66665;
   
    box-shadow: 0 2px 2px #666666;
    display: block;
    float: right;
    margin: 1%;
    min-height: 50px;
    overflow: hidden;
    position: relative;
    right: 10px;
    text-align: center;
    top: -29px;
   
}
	#modelos .bgdtono{
    min-height: 80px;
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    margin: 1%;
    width: 80px;
	top:-35px;}
	#modelos .ivaincluido {font-size:18px; color:#900; font-weight:bold; width:auto; float:left; padding-right:15px;}

	#modelos #compracantidad {float:right; width:370px;}
	#masmenos {width:100px; float:left;}
	#modelos .comprar { /* float: right;*/}
	
	.modelo_celda { float:left; padding:5px;}
	.subcuadro { padding:5px;  float:left;}
/** MODELOS FANCY **/
	#modelosfancy{ text-align:left;}
	#modelosfancy .foto_del_modelo { float:left; width:33%;  border-right:#666  solid 1px; position:relative; overflow:hidden;}
	#modelosfancy .descripcion { display:block; font-size:13px; height:150px; float:left;width:63%; position:relative; padding:15px; }
	#modelosfancy .precioantes{
	position:relative;
	float:left;
	font-size:24px;
	font-weight:bold;
	color:#000;
}
	#modelosfancy .fichero{float:right; right:0px; top:0px; width:100px; height:100px;   }
	#modelosfancy .fichero a{ width:100%; height:100%; display:block;}
	#modelosfancy .avisodescuento {font-size:1em; color:#fff; font-weight:bold;  float:right; padding:5px; background-color:#C00; }
	#modelosfancy .ivaincluido {  position:relative; float:right;   font-size:24px; font-weight:bold; color:#900; margin-left:15px;}
	#modelosfancy{ border:#999 solid 1px; padding:5px;}
	#modelosfancy .referencia { font-size:13px; float:left; width:150px; padding-left:5px;}
	#modelosfancy .talla {  font-size:13px;  float:left; width:150px;padding-left:5px;}
	#modelosfancy #disponibilidad {font-size:13px; float:right; width:120px;padding-top:5px; position:relative;}

	#modelosfancy .compracantidad {float:right; width:300px;}
	#modelosfancy .precioinfo { position:relative;font-size:18px; color:#900; font-weight:bold; width:100px; float:left;}
	
	#modelosfancy #masmenos {width:100px; float:left;}
	#modelosfancy .comprar { width:70px; float:left;}	
/** PROMOCIONES **/
	.promoproductonivel {width:260px; height:340px; float:left; position:relative; /*text-align:left;*/}
	.promoproductonivel h3 { color:#555;  overflow: auto; width:100%; padding-top:15px; top:150px; text-align:center; font-size:0.9em; position:absolute;}	
	.imgpromoproductonivel {width:160px; height:100px; overflow:hidden; text-align:center;}
	.imgpromo{max-height:150px; max-width:150px;position:relative;top:15px;bottom:0; /*left:45px; border:#999999 solid 1px;*/ right:0;margin:auto;}
	.selecciona{position:absolute; top:220px; left:0px; border:1px solid #ccc; width:100%;}
	.selecciona select{ border:1px solid #ccc;}
	.selecciona2{position:absolute; top:260px; left:0px; border:1px solid #ccc; width:100%;}
	.selecciona2 select{ border:1px solid #ccc;}
		.promoproductonivel .precioanteriorpromo{ position:absolute; font-size:15px; bottom: -5px; left:0px; padding:5px 5px; font-weight:500; color:#900; text-decoration:line-through;}
		.promoproductonivel .precio{ position:absolute; color:#fff; font-size:14px; bottom: -5px; right:0px; padding:5px 5px; background: #900; -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius:7px; font-weight:500;}
		.precioanterior{ position:absolute; font-size:15px; bottom: 0px; right:0px; padding:5px 5px; font-weight:500; color:#900; text-decoration:line-through;}
		.preciopromo{position:absolute; color:#fff; font-size:14px; bottom: -5px; right:0px; padding:5px 5px; background: #900;  -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius:7px; font-weight:500;}

	/**  LISTADO PROMOCIONES **/
	.promocionactiva{border:1px solid #ccc; padding:10px; margin:10px 0; background:#efefec;
				-moz-border-radius: 15px; -webkit-border-radius: 15px;border-radius:15px; overflow:hidden;	behavior: url(http://casceramica.com/css/border-radius.htc); }
		.promocionactiva H3 {font-size:14px; color: #06F;}
		.promocionactiva img {float:left; margin-right:10px;
				-moz-border-radius: 15px; -webkit-border-radius: 15px;border-radius:15px; overflow:hidden;	behavior: url(http://casceramica.com/css/border-radius.htc)}
	.cuantaspromociones{background-color:#6bb950;  margin-top:5px; color:#fff; font-weight:bold;border:1px solid #000; text-align:center;}
/** BUSCADOR **/
	#buscador{ background: #ccc; width:700px; height:140px; padding:15px; margin-top:10px; position:relative;}
	#buscador #membrete {color:#fff; background: #ba0300; position:absolute; top:0; left:0; width:250px; padding:5px 5px 5px 15px; }
	.seleccion {width:180px; float:left; font-weight:bold; font-size:12px; padding:5px 0;}
	#buscador .boton {color:#fff; background: #d50000; border:0; padding:4px;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px;}



/*** BOTONES **/
	.volver{padding:5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; overflow:hidden;	behavior: url(http://casceramica.com/css/border-radius.htc);}

	.link {border:1px solid #ccc; display:block;}
		.link a{width:100%; height:100%;}
		.link :hover {border:1px solid #000;}
	
	.boton {border:1px solid #ccc; background: #555; color:#fff; padding:6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px;}
		a.boton:hover{background: #000; color:#fff;}

.formbutton{ color:#fff; background-color:#555;padding:5px; border:0; cursor:pointer;margin-top:-10px; margin-left:10px; width:75px;}
		.formbutton :hover{ background:#900;}

	.grupo{ position:absolute; color:#fff; font-size:1em; top: 5px; right:5px; padding:5px 5px; background: #900;  -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius:7px; font-weight:500;}
	

	
/*** MENSAJES **/	
	.error{font-size:1em; color: #900; font-weight:bold;}	
	.errorcampo {font-size: 11px;color: #C13100; margin-left:0px;display:block;width: auto;}
		label.errorcampo {font-size: 11px;color: #C13100; margin-left:0px;display:block;width: auto;}
		input.errorcampo {border: 1px dotted #C13100; font-size: 11px;color:#666; height:1em;width: auto; font-weight:normal;}
	
	#mensajecarro { border:1pc solid #ccc; font:16px ;  margin:0 auto; padding:15px;}

	/** NO hay productos**/
	#nohay{ padding:30px; font:16px ; width:600px; margin:0 auto; background:#f4d1d1; border: 1px solid #900;}
		#nohay img {float:left; margin-right:15px;} 
	
/*** BORDES REDONDOS **/	
.redondo, .curvo{ -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius:7px; overflow:hidden; behavior: url(http://casceramica.com/css/border-radius.htc); }

.right{ position:absolute; font-size:15px; bottom: -10px; right:0px;  font-weight:500; color:#900; }
	
/*** VENTANA POPUP DE LA HOME ***/
.centrar{ position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	width:600px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-300px;
	/*determinamos una altura*/
	height:400px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-200px;
	background: #ffffff;
	border:1px solid #ffffff;
	padding:5px;
	z-index:20;
	}
/**** PANELES ***/
.yoxview{ margin:5px}
.panel_1{
	text-align:left;
	margin:0 auto ;
	padding:5px;
	min-height:450px; 
	max-width:1200px; 
	
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 51%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ededed)); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 51%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 51%); 
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 51%); 
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 51%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 )*/; 
	}
.panel_1 H1{color:#fff;font-size:1em; margin:0px; margin-left:5px; }
.panel{
	margin:5px;
	padding:5px;

	
}
.panel H6{color:#000;font-size:1.2em; margin:0px; margin-left:5px; text-align:justify; font-weight:normal; }
/**** TRADUCTOR GOOGLE ***/
#traductor_google {z-index:1000; position:relative;}
.legenda {
    background: #555 none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 0 5px 5px #666;
    color: #fff;
    float: left;
    font-size: 1.2em;
    overflow: hidden;
    padding: 2px;
    position: relative;
    top: -15px;
}
.localiza{
	overflow:hidden;
	text-align:center;
	float:left;
	margin:0.5%;
	width:31.0%;
	min-height:210px;
	display:block;
	position:relative;
	background:#fff;
	
	border: 1px solid #696;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	
	behavior: url(http://casceramica.com/css/PIE.htc);
	}

.TITMENU{float:left; position:relative;color:#555; width:97%; padding-top:5px;  padding-left:5px; font-size:18px; font-weight:bold; top:-5px;
	background: #f5f6f6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzY2VkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iIzc1YmRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWE1YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f5f6f6 0%, #75bdd1 41%, #49a5bf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(41%,#75bdd1), color-stop(100%,#49a5bf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f6f6 0%,#75bdd1 41%,#49a5bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f6f6 0%,#75bdd1 41%,#49a5bf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f6f6 0%,#75bdd1 41%,#49a5bf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f6f6 0%,#75bdd1 41%,#49a5bf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#49a5bf',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	margin-top:10px;
	behavior: url(http://casceramica.com/css/PIE.htc);		;				}
#controlsubir{z-index: 990;}
#preload{	
		
			
			
			right:0;
			margin:auto;
			z-index:20;
			position:fixed;
		}
/************************************************/	
/************* MARCAS MINI EN NIVEL *************/
/************************************************/		
	.accesomini {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 1px solid #fff;
    box-shadow: 0 2px 2px #666;
    display: block;
    float: left;
    min-height: 130px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.accesomini:active {
}
.accesomini:hover {
    cursor: pointer;
}
.accesomini img {
    bottom: 0;
    max-height: 120px;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 0px;
    vertical-align: middle;
    width: auto;
	overflow:hidden;
}
.accesomini .barraAcceso{ background-color:#555; text-align:left;}
.accesomini h2 {
    color: #fff;
    font-size: 1.2em;
    margin: 0 0 0 5px;
}
.accesominifiltro {  
    display: block;
    float: left;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	
	.accesominimarca{ 
		
		text-align:center;
		float:left;		
		width:150px;
		min-height:150px;
		position:relative;
		background:#fff;
		display:none;
	}
	.accesominimarca:active{
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		top:4px;
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
	}
	.accesominimarca:hover{
		top:-5px;
		cursor: pointer;
		
		
	}
	.accesominimarca img{  
		position:relative;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		height:100px;
		width:auto;
		vertical-align: middle;
		border:inset 1px #000000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);
		
	}
	.accesominimarca h2{color:#000;font-size:0.9em; margin:0px;  text-align:center;line-height:25px;}
	.accesominimarca h3{ display:none;}
	.accesominimarca .barraAcceso span{padding:10px; line-height:25px;}
	.accesominimarca .barraAcceso{ position:relative; bottom:0; left:0;  width:100%;  z-index:999; }
			
/************************************************/	
/*********** FIN MARCAS MINI EN NIVEL ***********/	
/************************************************/

/************************************************/	
/************** MARCAS EN NIVEL *****************/
/************************************************/		
	.accesomarca{ 
		overflow:hidden;
		float:left;
		margin:1.0%;
		/*margin-bottom:-10px;*/
		width:21%;
		min-height:150px;
		display:block;
		position:relative;
		background:#fff;
		text-align:center;
		border: 1px solid #696;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;		
		behavior: url(http://casceramica.com/css/PIE.htc);
	}
	.accesomarca:active{
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		top:4px;
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
	}
	.accesomarca:hover{
		top:-5px;
		cursor: pointer;
		border: 1px dashed #696;
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px ;
		border-radius: 30px 30px 30px 30px ;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);
		
	}
	.accesomarca img{  
		position:relative;
		top:10px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		max-height:100px;
		max-width:90%;
		vertical-align: middle;
	}
	.accesomarca h2{color:#000;font-size:1.2em; margin:0px; margin-left:5px; text-align:center;}
	.accesomarca .barraAccesomarca{ position:absolute; bottom:0; left:0; height:25px; z-index:999; text-align:center;background:#00aa85; width:100%;}
	.accesomarca .barraAccesomarca a{display:block; width:100%; height:100%; padding:3px;}
	.accesomarca .breve{ position:absolute; color:#000; font-size:14px; bottom:65px; right:5px; padding:5px 10px;  }
/************************************************/	
/************* FIN MARCAS EN NIVEL **************/	
/************************************************/

/************************************************/		
/************* APLICATIVOS EN PRODUCTO **********/	
/************************************************/		
	.accesoaplicativo{ 
		overflow:hidden;
		text-align:center;
		float:left;
		margin:1.0%;
		/*margin-bottom:-10px;*/
		width:110px;
		min-height:150px;
		display:block;
		position:relative;
		background:#fff;
		border: 1px solid #696;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);
	}
	.accesoaplicativo:active{
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		top:4px;
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
	}
	.accesoaplicativo:hover{
		top:-5px;
		cursor: pointer;
		border: 1px dashed #696;
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px ;
		border-radius: 30px 30px 30px 30px ;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);
		
	}
	.accesoaplicativo img{  
		position:relative;
		top:10px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		max-height:70px;
		max-width:90%;
		vertical-align: middle;
	}
	.accesoaplicativo h3{color:#000;font-size:1.0em; margin:0px;  text-align:center;}
	.barraAccesoaplica{ position:absolute; bottom:0; left:0; z-index:999; text-align:center; width:100%;}
	.barraAccesoaplica a{display:block; width:100%; height:100%; padding:3px;}
	.accesoaplica .breve{ position:absolute; color:#000; font-size:14px; bottom:65px; right:5px; padding:5px 10px;  }
	#marcaaplicativo {position:absolute; bottom:-60px; left:-105px; z-index:100;  width:42px;  display:block;}
/************************************************/	
/************ FIN APLICATIVOS EN PRODUCTO *******/
/************************************************/	
	.accesopor{ 
			overflow:hidden;
			text-align:center;
			float:left;
			margin:0.25%;
			width:100%;
			height:230px;
			display:block;
			position:relative;
		}
		
	.accesopor img{  
			position:relative;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			vertical-align: middle;	
			width: 100%;
			
			
		}
	.accesopor h2{color:#FFF;font-size:1.2em;line-height:30px;margin:0px; }
	.accesopor h3{
			position: relative;}
	.accesopor	#barraAcceso{  top:-10px; left:0; z-index:999; text-align:left;background:#555 none repeat scroll 0 0; width:100%; padding-left:5px;}

	.marcap2{ 
		overflow:hidden;
		text-align:center;
		float:left;
		margin:1.0%;
		/*margin-bottom:-10px;*/
		width:200px;
		height:130px;
		display:block;
		position:relative;
		background:#fff;
		
	}
	.marcap2:active{
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		top:4px;
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
	}
	.marcap2:hover{
		top:-5px;
		cursor: pointer;
		
		
	}
	.marcap2 img{  
		position:relative;
		top:11px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		max-height:100px;
		max-width:70%;
		vertical-align: middle;
		border: 1px solid #696;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px ;
		border-radius: 50px;
		-webkit-box-shadow: #666 0px 2px 2px;
		-moz-box-shadow: #666 0px 2px 2px;
		box-shadow: #666 0px 2px 2px;
	}
		.marcap2  .barraAccesomarca{ position:absolute;  left:0;  text-align:center;background:#00aa85;background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
 width:100%;}
	.marcap2 .barraAccesomarca a{display:block; width:100%; height:100%; padding:3px;}
	.marcap2 h2{color:#000;font-size:0.9em; margin:0px;  text-align:center;line-height:25px;}
	.marcanivel{ 
		overflow:hidden;
		/*border: 1px solid #CCCCCC;*/
		display: block;
		float: left;
		height: 20px;
		margin: 10px 0 0 10px;
		padding: 5px 5px 5px 8px;
		position: relative;
		text-align: left;
		/*width: 250px;*/ 
		color:#333;
	}
	.marcanivel:active{ 
		text-decoration:underline;
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		/*top:4px;*/
		
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		/*-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);*/
	}
	.marcanivel:hover{ 
		text-decoration:underline;
	/*	top:-5px;*/
		cursor: pointer;
		
		
	}
	.marcanivel img{  
		position:relative;
		top:11px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		max-height:70%;
		max-width:70%;
		vertical-align: middle;
	}
	.marcanivel  .barraAccesomarca{ position:absolute; bottom:0; left:0; height:25px; z-index:999; text-align:center;background:#00aa85; width:100%;}
	.marcanivel .barraAccesomarca a{display:block; width:100%; height:100%; padding:3px;}
	.marcanivel h2{color:#000;font-size:0.9em; margin:0px;  text-align:center;line-height:25px;}
	.marcap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #efefec;
    border-radius: 50px;
    box-shadow: 0 2px 2px #666666;
    display: block;
    float: left;
    margin: 1%;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100px;
}
.marcap:active {
    box-shadow: 0 1px 0 0 #0069CA;
    top: 4px;
}
.marcap:hover {
  /*  border: 1px dashed #669966;
    border-radius: 50px;
    box-shadow: 0 2px 2px #666666;*/
    
    top: -5px;
}
.marcap img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 70%;
    max-width: 70%;
    position: relative;
    right: 0;
    top: 15px;
    vertical-align: middle;
}
	.subniveles{ 
		overflow:hidden;
		text-align:center;
		
		margin:0.5%;
		width:165px;
		height:180px;
		display:inline-table;
		position:relative;
		background:#fff;
		
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		behavior: url(http://casceramica.com/css/PIE.htc);
	}
	.subniveles:active{
		/*Gracias a que el elemento está en posición relativa, podemos bajarlo 4 px sin alterar el HTML*/
		top:4px;
		/*bajamos el tamaño de la sombra para conseguir el efecto de profundidad*/
		-moz-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		-webkit-box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
		box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
	}
	
	.subniveles:hover img{
		top:0px;
		cursor: pointer;
		
	}
	.subniveles .imgacceso{top:-20px;}
	.subniveles img{  
		position:relative;
		/*top:15px;*/
		bottom:-50px;
		left:0;
		right:0;
		margin:auto;
		max-height:100px;
		max-width:90%;
		vertical-align: middle;
		/*border:inset 1px #000000;*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow:inset #666 0px 2px 2px;
		-moz-box-shadow:inset #666 0px 2px 2px;
		box-shadow:inset #666 0px 2px 2px;
		behavior: url(http://casceramica.com/css/PIE.htc);
		
	}
	.subniveles h2{font-size:0.9em; margin:0px; margin-left:5px; color:#fff; line-height:40px;}
	.subniveles h3{ display:block;color:#000;font-size:0.8em; margin:0px; margin:5px; position:relative; bottom:-40px; text-decoration:none;  }
	.subniveles:hover h3{
		top:-5px;
		opacity:1;
		text-decoration:none;
	}
	
.subniveles .barraAcceso {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #d53734;
    border-color:#e4e9eb; 
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    bottom: 2px;
  /*  box-shadow: 0 2px 2px #666;*/
    height: 35px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 98%;
	
}
.subniveles .barraAcceso:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #426582;
    border-color: #ccc #ccc #efefec;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    bottom: 2px;
  /*  box-shadow: 0 2px 2px #666;*/
    height: 35px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
 
	
}
.sombraprofunda { 
 box-shadow: none;
   box-shadow: 1px 0 3px 14px rgba(0, 0, 0, 0.3);

    padding: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 21px;
    transform: skew(-30deg);
	z-index:-1;

}
	.accesopr{ 
	
			overflow:hidden;			
			float:left;
			margin:8px;
			margin-left:0px;
			margin-right:30px;
			margin-bottom:30px;
			width:320px;
			height:200px;
			display:block;
			position:relative;
			text-align:center;	
			border: 2px solid #fff;
		}
		.accesopr:hover{
			cursor: pointer;
		}
		.accesopr img{  
			position:relative;
			margin:0 auto;
			width:100%;
			height:auto;
			/*width:auto;
			max-height:170px;*/
		}
		.accesopr .imgacceso {
			overflow:hidden;
			position:relative;
			top:-30px;
   		}
		.accesopr h2{color:#fff;font-size:1.5em; margin:0px;margin-left:5px;  text-align:left; line-height:1px; padding-top:10px;}
		
		.accesopr .txt{float:right; position:relative; width:90%; padding-right:5px; text-align:center; }
		.accesopr #ventana_portes_tienda{float:right;top:30px; position:relative;  padding-right:5px; text-align:center; }
		.accesopr .breve{color:#fff;font-size:16px; margin:0px;  text-align:left; line-height:20px; }
		.default{ color:#000;}
		.accesopr .precio{  color:#000; font-size:20px;font-weight:bold; }
		.accesopr .preciosindto{  color:#900; font-size:12px; text-align:right; float:left;    font-weight:bold; text-decoration:line-through;}
		.accesopr .ivaincluido {  color:#555; top:-10px; float:right; }
		.barraAccesopr{ position:absolute; left:0; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 ; width:100%; height:45px; top:155px; padding:3px;  }

.accesomodelo{ 
			
			
			float:left;
			margin:0px;	
			padding:10px;
			display:block;
			position:relative;
			width:100%;
			text-align:justify;

		}


		.accesomodelo .imgacceso {
  			/*float: left;*/
   		}
		.accesomodelo .foto_del_modelo{ float:left;  margin-top:10px; margin-bottom:10px; min-height:108px;}
		.accesomodelo h2{color:#000;font-size:1.2em; margin:0px;  text-align:left; line-height:20px;font-weight:bold;}
		.accesomodelo .txt{float:right; position:relative;  padding-right:5px; text-align:center;top:-20px;  }
		.accesomodelo .breve{ top:35px; position:relative; color:#000; font-size:12px;    bottom:42px;  }
		.accesomodelo .default{  background-color: #efefec; border-bottom: 1px solid #fff; color: #fff; padding: 5px;}
		.accesomodelo .precio{  color:#000; font-size:20px;font-weight:bold;float:right; }
		.accesomodelo .siniva{ display:none;}
		.accesomodelo .masmenos{/* float:right; margin-top:5px;*/}
		.accesomodelo .etiqdescuento{color: #000000;
    height: 30px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 30px;
    width: 100%;
    z-index: 100;}
	.accesomodelo .numdescuento {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    right: 0;
}
		.accesomodelo input{ position:relative; padding:0;}
		.accesomodelo .comprar{  text-align:right; }
		.accesomodelo .precioantes{  color:#900; font-size:14px; text-align:right; float:left;    font-weight:bold; text-decoration:line-through;}
		.accesomodelo .ivaincluido {  color:#555; top:-10px; float:right; }
		.accesomodelo .disponibilidad{  bottom:40px; float:right; text-align:right;     }
		.accesomodelo .compracantidad{  bottom:0; left:0;   z-index:999;margin-top: 10px; }
#formodelos{ float:left;/*margin-bottom:50px;*/ width:100%;}
.selectmultiple{ width:100%;}
/************************************************/		
/********************** PIE *********************/	
/************************************************/	
	#pie{width:100%; clear:both; overflow:hidden; background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #000 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #000 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#000 40%);top:265px;position:relative; 
		}
	#faldonpie{ clear:both;}
	.tlficon{ background: transparent url(../images/tlf.png) no-repeat 0 0;}
	.mailicon{ background: transparent url(../images/mensaje.png) no-repeat 0 0;}
	.homeicon{ background: transparent url(../images/casa.png) no-repeat 0 0;}
	#contienepie {width:910px; margin:0 auto; padding-top:20px;}
	
	/** DOCUMENTOS **/
	#documentos {width:100%; float:right; text-align:left; }
	#documentos H3{ text-transform:uppercase;font-weight: bold; color:#fff; font-size:12px; }
	#menupie{ overflow:hidden; z-index:1; }
	#menupie ul{ padding:0; margin:0;}
	#menupie li { list-style-type:none; float:left; text-transform:uppercase; margin-top:1px; min-height:28px; width:auto;}
	#menupie li a { font: 12px ; display:block; padding:5px 10px; color:#fff;}
	/*#documentos H3 :hover{color:#efefec;}
	#menupie li :hover {  background:#efefec; }*/
	

	#divFooter{font-size: 13px;  top:200px;}
	#footerArea1{text-align:left; font-size:16px;}
	#footerArea1 ul{margin:10px 0 0}
	#footerArea4{text-align:right;margin-top:10px;}
	.titulopie {color:#e7e7e7; text-align:center; font-size:23px; padding-top:5px;}
	/** SITEMAP EN COLUMNAS **/
	#incSitemap {
    clear: both;
    overflow: hidden;
	}
	#titulodestacado {
   
    color: #d53734;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 1.5641%;
    padding-bottom: 15px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 95%;
}
	#contieneSitemap {
		background-color: #DBDBDB;
		clear: both;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 15px;
		text-align: left;
		width: 100%;
	}
	#social_bookmarks li{list-style-type: none;}
	#incSitemap li {
		list-style-type: disc;
	}
	#incSitemap li a {
		color: #555555;
		font-size: 10px;
		font-weight: normal;
	}
	#incSitemap .Niv1 {
		background: none repeat scroll 0 0 #555555;
		border-radius: 7px;
		color: #FFFFFF;
		font-weight: bold;
		min-height: 40px;
		overflow: hidden;
		padding: 3px;
		text-align: center;
		text-transform: uppercase;
	}
	#incSitemap .Niv1 a {
		color: #FFFFFF;
		font-weight: bold;
	}
	ul.columnas {
		margin: 0;
		padding: 0;
	}
	ul.columnas ul {
		margin: 0;
		padding: 0;
	}
	ul.columnas li {
		display: block;
		float: left;
		margin: 20px 20px 0 0;
		padding: 0;
		max-width:161px;
		
	}
	ul.columnas ul li {
		list-style-type: circle;
		margin: 1px;
		padding: 0 0 0 15px;
		width:100%;
	}
	
	
	/** DATOS **/
	
	#contenidopie{  padding:20px 0; width:910px; margin:0 auto; text-align:left; overflow:hidden; border-top:1px solid #555;}
	#contenidopie a{font-weight:bold;}
	#contenidopie #datospie {width:300px; float:left; color:#ccc;}
	#contenidopie #legales {width:250px; float: right; text-align:right;}
	
	/** Redes Sociales **/
	#redes{
position: relative;  float: right; bottom:1px; width:200px; border:1px solid #555; margin-left:10px; border-radius:5px; 
    background: #555; /* For browsers that do not support gradients */
  /* background: -webkit-linear-gradient(#555, white); 
    background: -o-linear-gradient(#555, white); 
    background: -moz-linear-gradient(#555, white); 
    background: linear-gradient(#555, white); */
 }
#redes img{
width:20px;
 }
	.grises { padding:4px; float:right;}
	#slider-range {
    margin-left: 5px;
    width: 95%;
}
table.width200,table.rwd_auto {width:100%;margin:0 0 50px 0}
		.width200 th,.rwd_auto th {background:#ccc;padding:5px;}
		.width200 td,.rwd_auto td {padding:5px;}
		.width200 tr:last-child td, .rwd_auto tr:last-child td{border:0}
		
	.rwd {width:100%;overflow:auto;}
		.rwd table.rwd_auto {width:auto;min-width:100%}
			.rwd_auto th,.rwd_auto td {white-space: nowrap;}
			
	@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px)  
	{
	
		table.width200, .width200 thead, .width200 tbody, .width200 th, .width200 td, .width200 tr { display: block; }
		
		.width200 thead tr { position: absolute;top: -9999px;left: -9999px; }
		
		
		
		.width200 td { border: none;position: relative; }
		
		.width200 td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
		
		
		
		.descarto {display:none;}
		.fontsize {font-size:10px}
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-width : 320px) and (max-width : 480px) 
	{
		#redes{float:none;margin: 0 auto; margin-top:10px; overflow:auto;}
		.descarto {display:none;}
	}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-width: 768px) and (max-width: 1024px) 
	{
	
		.descarto {display:none;}
		.fontsize {font-size:10px}
	}
/************************************************/		
/********************** FIN PIE *****************/	
/************************************************/	



/*GENERAL*/
	#divHeaderText { width:92%; margin:0 auto; color: #fff;}
	.panel_1 {
		background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
		border-radius: 5px;
		box-shadow: 0 2px 2px #666;
		margin: 15px 5px 5px;
		min-height: 350px;
		padding: 5px;
	}
	#mensaje_formulario{ padding:30px; font-size:24px; border:1px solid #ccc; width:50%; margin:0 auto;}
	.extrecho{text-align:left; font-size:2em;}
	#filtros{ margin:0px; background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0; display:none;}
	#filtros .menu_titulo{ background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color: #fff; width:100%;}
	#nfiltros{ width:98%; margin: 0 auto;}
	#nfiltros legend{ font-size:1.2em; border:0px; font-weight:bold; line-height:25px;}
	#productodescripcion{font-size:1em;text-align:left;}
	.subcuadros legend{ font-size:1.2em; border:0px; font-weight:bold; line-height:25px; width:100%;}

	
/*** PAGINACION **/
		#paginacion {text-align:left; margin:0; padding-left:10px;}
		#paginas {min-width:100px; margin:15px auto; }

		.pOff{border:1px solid #ccc; padding:3px; margin:1px;background:#f4f4f4; float:left;}
		.pOn {border:1px solid #ccc; padding:3px; margin:1px; float:left; background:#efefec; color:#666;}
		
		#sinbordes input, #sinbordes select, #sinbordes textarea{ border:0; font-size:12px; font-weight:bold;}
		#paginacion .miniselect{ width:80px;}
	
	
	/** MENU DONDE ESTOY **/
	#menuposicion {
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 0;
    text-align: left;	
	background-repeat:no-repeat;
	background-size:100%;
	text-transform:uppercase;   
	}
	#menuposicionimg{    
		position:relative;
		top:-25px;
		text-align:left;
		/* For IE8 and earlier */}
	#menuposicionimg img{
		opacity:0.1;
		 filter: alpha(opacity=10);}	
	#menuposicion a{   }
	#menuposicion a:hover{ color:#000; text-decoration:underline;}
	#orden{float:right; text-align:right; display:none;}
	.centro-tienda{margin:0; padding-left:10px;padding-right:10px; }
	#catalogo{ margin:0;}

	.menu_titulo {
		color: #555;
		font-size: 26px;
		padding-top: 5px;
		position: relative;
		width: 90%;
		text-align:left;
		margin: 0 auto;
		text-transform:uppercase;
	}
	.menu_titulo2 {
		color: #555;
		font-size: 20px;
		padding-top: 5px;
		position: relative;
		width: 100%;
		float:left;
		margin: 0 auto;
		border-bottom: 1px solid #555;
		text-align:left;
	}

	.nivel_titulo {
		background: none repeat scroll 0 0 #efefec;
		border-bottom: 4px solid #efefec;
		border-radius: 5px;
		color: #fff;
		float: left;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-top: 5px;
		position: relative;
		top: -5px;
		width: 99%;
	}
	.nivel_titulo a:hover {
		border-bottom: 4px solid #efefec;
		color: #fff;
	}
	
	
	
	.containers{ width:100%; clear:both; overflow:hidden; position:relative; }
	.suggestion{
	position:relative;
	width:150px;
	margin:10px;
	padding:5px;
	float:left;
	border:solid 2px #efefec; 
	background-color:#e4e9eb;

	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#000000')";
	}
	.suggestion a{   display:block;z-index:2;}
	.suggestion a:hover{opacity: 0.5; filter: alpha(opacity=50);  }
	
	.suggestion img{max-height:200px; max-width:180px;position:absolute;top:0;bottom:0; left:0; right:0;margin:auto;}
	.suggestion H4{text-align:center; padding-top:0px;color:#000; background-color:#FFF;  font-weight:bold;}
	.suggestion .precioanteriorpromo{ position:absolute; font-size:15px;bottom:5px;  left:0px; padding:5px 5px; font-weight:500; color:#900; text-decoration:line-through;}
	.suggestion .precio{ position:absolute; color:#fff; font-size:14px; bottom:5px;  right:10px; padding:5px 5px;  background-color: #d53734;
    border:solid 1px #fff; /*border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;*/ font-weight:500;}
	.suggestion .preciosindto{ position:absolute;  font-size:1em; bottom:-3px; left:5px; padding:5px 10px; font-weight:bold; text-decoration:line-through;}
	.suggestion .numdescuento{color:#000; font-size:20px; font-weight:bold; margin-right:5px; position:absolute; right:0;}
	/****** HOME **/
	.containerbloque{ width:100%; clear:both; overflow:hidden; top:265px;position:relative; text-align:center;}
	.centrardiv{margin-left: 10%;
    margin-right: 5%;
    position:relative;}
	#imagenes-producto{ margin-bottom:20px;}
	#imagenes-producto .jcarousel-skin-tango .jcarousel-clip-horizontal{ height:120px;}
	#imagenes-producto .jcarousel-skin-tango .jcarousel-item{ width:135px; height:auto;border:3px solid #fff; overflow:hidden;}
	#imagenes-producto .jcarousel-skin-tango .jcarousel-prev-horizontal{top:50px;}
	#imagenes-producto .jcarousel-skin-tango .jcarousel-next-horizontal{top:50px;}
	#imagenes-producto .jcarousel-skin-tango .jcarousel-item-horizontal img{ height:100px;}
	#imagenes-producto .suggestion{ padding:0px;}
	.suggestion img{position:relative;margin:0;}

	#mostrarmarcas{ display:block;}
	
	#vermarcas {
		 font-size:28px;
		cursor: pointer;
		text-shadow:1px 1px 0 #fff;
		}
	#novermarcas {
	   font-size:28px; 
		cursor: pointer;
		text-shadow:1px 1px 0 #fff;
		}
	#vermarcas span {
		 border: 1px dashed #efefec;
		box-shadow: 0 2px 2px #666666;
		 cursor: pointer;
		padding: 10px;
	   
	}
	#novermarcas span {
		box-shadow: 0 2px 2px #666666;
		border: 1px solid #ccc;
		  cursor: pointer;
	padding: 10px;
	 
	}
	#mostrarmarcasn{ display:block; width:100%}
	#mostrarmarcasn h5{color:#999;}
	#vermarcasn span {
		background: none repeat scroll 0 0 #efefec;
		border: 1px solid #ccc;
		cursor: pointer;
		float: right;
		font-size: 2em;
		height: 30px;
		padding: 5px 0 0;
		width: 30px;
	}
	#novermarcasn span {
		background: none repeat scroll 0 0 #efefec;
		border: 1px solid #ccc;
		cursor: pointer;
		float: right;
		font-size: 2.8em;
		height: 30px;
		padding: 5px 0 0;
		width: 30px;
	}



@media (max-width: 979px) {
     #divLogo {margin-top:0px;}
	 #logotipocabecera{ text-align:center;}
	 #cabecera{ position:relative;}
	.bgnav{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:none; /* IE6-8 */
	}
    .navbar .btn-navbar-highlight {display:inline;padding:9px 14px;margin-top:15px;}
	.navbar .btn-navbar-highlight {display:none;width:100%}
    .navbar {width:100%;}	
	.navbar ul{/*background: linear-gradient(to bottom, rgba(153, 0, 0, 0.91) 0%, #CC0000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/}
    #divMenuRight {float:none}
	.navbar .btn-navbar-highlight {
		background-color:#555555;
		border:none;
		color:#fff;
		padding:9px 14px;margin-top:0px;}
    .navbar {width:100%;margin-top: 0px;padding-top:0px}
    .navbar .btn-navbar-highlight {display:inline;padding:9px 14px;/*margin-top:15px;*/}
    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
    .dropdown-menu, .sub-menu {border-radius:5px !important;}
    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}
    /* Fixed Top */
    #decorative2 {position:static;  height:auto;}
    body {padding-top:0px}

}
@media (max-width: 978px) and (min-width: 801px) {
	 #divLogo {margin-top: -20px;}
	 #logotipocabecera{ text-align:left;}
	 #cabecera{ position:fixed;}
	 #divHeaderText {margin:0px;padding:10px;}
	 #footerArea1{ padding:10px;margin-top:10px;}
	 #footerArea1 ul{margin:30px 0 0;}
	
}
@media (min-width: 768px) and (max-width: 979px) {
	ul.columnas li {
    display: block;
    float: left;
    margin: 20px 20px 0 0;
    padding: 0;
	max-width:100%;	
	}
	
	.marcap {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #669966;
		border-radius: 50px;
		box-shadow: 0 2px 2px #666666;
		display: block;
		float: left;
		margin: 1%;
		min-height: 70px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 70px;
	}
	.subniveles {
		background: none repeat scroll 0 0 #FFFFFF;
		border-radius: 10px;
		display: block;
		float: left;
		height: 180px;
		margin: 0.5%;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 160px;
	}
	#divtelefono{ /*display:none;*/}
	.numerowsp{ display:inline-table;}
	#carro_texto{ font-size:0.8em;}
		#redessociales{ display:none;}
		#servicios img{ width:100%;}
		.pasoOFF{border:1px solid #ccc; background:#f4f4f4; float:left; margin-left:10px; position:relative; width:22%; font-size:12px;}
}
@media (max-width: 800px) and (min-width: 768px) {
/*	#google_translate_element {position:fixed;top:8px;right:5px;}*/
	#divLogo {margin-top:0px;}
	#logotipocabecera{ text-align:center;}
	#cabecera{ position:relative;}
	.contentArea{top:0px;}
	#divFooter{top:0px;}
	#divHeaderText {margin:0px;padding:10px;}
	 #footerArea1{ padding:10px;margin-top:10px;}
	 #footerArea1 ul{margin:30px 0 0;}
	
}

@media (max-width: 767px) {    	
   	#divLogo {margin-top:0px;}
	#logotipocabecera{ text-align:center;}
	#formbuscarmini{text-align:center;}
	#buscadorpedidomini{ padding-top:0px;}
	#cabecera{ position:relative;}
	.contentArea{top:0px;}
	#divFooter{top:0px;}
	#divHeaderText {margin:0px;padding:10px;}
	 #footerArea1{ padding:10px;margin-top:10px;}
	 #footerArea1 ul{margin:30px 0 0;}
	  #filtros{ margin-top:20px;}
	
	
    #divSiteTitle {font-size: 25px;}    
    #divHeaderLine1 {margin-top: 0px;}   
    #divMenuRight {width:100%;margin-top: 0px;padding-top:0px}
    .ddmenu, .navbar .ddmenu {margin-top: 0px; margin-bottom: 0px;}
    .navbar .btn-navbar-highlight {
		background-color:#555555;
		border-bottom: none;
		color:#fff;
		padding:9px 14px;margin-top:0px;}

    .navbar {width:100%;margin-top: 0px;padding-top:0px}
    .navbar .btn-navbar-highlight {display:inline;padding:9px 14px;/*margin-top:15px;*/}
    #decorative1, #decorative2, #decorative3 {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
    
    /* Fixed Top */
    #decorative2 {position:static}
    body {padding-top:0px}    
    #divBoxed > #divFooter {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}    
    body > #footerOuterSeparator, body > #contentOuterSeparator {margin-left:-20px;margin-right:-20px;}    
    .headerArea, .topArea {padding:20px !important;}
 /*only for templates without divBoxed*/    
    #camera_wrap {margin-top:20px}
    #divVideo {margin-top:20px}    
    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
    .dropdown-menu, .sub-menu {border-radius:5px !important;}
    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}

	ul.columnas li {
    display: block;
    float: left;
    margin: 20px 20px 0 0;
    padding: 0;
	max-width:100%;
	
	}
	
	.marcap {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #669966;
		border-radius: 50px;
		box-shadow: 0 2px 2px #666666;
		display: block;
		float: left;
		margin: 1%;
		min-height: 70px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 70px;
	}
	.subniveles {
		background: none repeat scroll 0 0 #FFFFFF;
		border-radius: 10px;
		display: block;
		float: left;		
		height: 180px;
		margin: 0.5%;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 160px;
	}
	#divtelefono{ /*display:none;*/}
	.numerowsp{ display:inline-table;}
	#carro_texto{ font-size:0.8em;}
		#redessociales{ display:none;}
		#servicios img{ width:100%;}
		.pasoOFF{border:1px solid #ccc; background:#f4f4f4; float:left; margin-left:10px; position:relative; width:22%; font-size:12px;}

}
@media (max-width: 480px) {
	#servicios img{ width:100%;}
	.subniveles {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    display: block;
    float: left;
    height: 180px;
    margin: 0.5%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 140px;
}
 #filtros{ margin-top:20px;}
}
@media (max-width: 321px) {
	#servicios img{ width:100%;}
	.subniveles {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    display: block;
    float: left;
    height: 180px;
    margin: 0.5%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 150px;}
	#buscadortienda{ 
			width:93%;
	}	
	#divbanner-topleft img{ 
		width:96%
		}	
	.numerotel{font-size:1.6em;}
	.numerowsp {font-size: 1.6em;}
	#infofoto {
    float: left;
    margin-left: 0.5641%;
    position: relative;
   }
   #filtros{ margin-top:20px;}
}
/*** SOLO PARA IMPRIMIR ***/
@media print
{
/*H1 {font-size:1em;}
td{ font-size:11px;}
#contenidoWhite {font:12px arial;}*/
}
 #coordenadas{ 
 background-color:#c5c5cd;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 float:right;
 margin-bottom:10px;
  font-size:14px;
 }
  #coordenadas .titulocoordenada{
	 width:130px;
	 font-weight:bold;
	 float:left;
	 font-size:14px;
  }

 #coordenadas .titulocoordenada1{
	 width:65px;
	 font-weight:bold;
	 float:left;
	 font-size:11px;
	  font-size:14px;
  }
 .fa{
color: #fff; /*Color del icono*/
font-size: 20px; /*Tamaño del icono*/
}

.fa:hover{ /*Formato al pasar el ratón por encima*/
/*color: #ccc; */
}
a:focus{ outline:none}
#fileTreeDemo_1{ margin-left:10px;}