/* Estilos específica para la web estetica */

/* Estilos del padre */
@import url('web_corporativa.css');


.estetica .modelGenericoEstetica.templateHtml .contentName {
	margin-bottom: 0;
}


.estetica .cmBodyContentChildrens ul.cmContentList {
    list-style-type: none;
    padding: 0;
}


.estetica .templateHtmlListImagePeq{
	margin-bottom:30px;
}

.estetica .templateHtmlListImagePeq:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.estetica .templateHtmlListImagePeq span.imageMainContainer img {
	width: 100%;
	height: auto;
}

.estetica .templateHtmlListImagePeq span.imageMainContainer {
	float: left;
	margin-right: 10px;
	width: 250px;
	height: auto;
}

.estetica .templateHtmlListImagePeq .contentDate span.boxPlace {
	margin-right: 5px;
}

.estetica .templateHtmlListImagePeq .contentName a {
    color: #f05169;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 19px;
}

.estetica  .templateHtmlListImagePeq .contentText {
    color: #5e5e5e;
    display: block;
}
.estetica .cmBodyContentChildrens ul.cmContentList {
    list-style-type: none;
    padding: 0;
}
.estetica .templateHtmlListImagePeq .contentDate {
    color: #a4a4a4;
    margin-bottom: 10px;
    display: block;
}

.estetica cmBodyContentChildrens ul.cmContentList {
    list-style-type: none;
    padding: 0;
}

@media screen and (max-width: 800px){
	.estetica .cmBodyContentChildrens{
	    padding: 5px 15px;
	}
}

@media screen and (max-width: 480px){
	.estetica .templateHtmlListImagePeq span.imageMainContainer {
	    float: none;
	}
	
}
.currentContent .modelNoticia.templateHtml{
	padding-bottom:30px;
}

.currentContent .modelNoticia.templateHtml .contentDate {
    padding:30px 0 10px 0
}

span.cmEmbedImage.cmEmbedImageleft {
    margin:5px 30px 30px 0
}

/*Galería de imágenes*/


div.cmImageGallery {
	overflow: hidden;
	position: relative;
}

.imageGalleryTitle{
	border-bottom: 1px solid #c9c9c9;
	margin-bottom:20px;
	font-size: 22px;
	padding: 5px 0;
}

.cmImageGalleryCell .cmImageGalleryImageTD a.cmContentImageLink {
	display: inline-block;
	text-decoration: none;
}

div.cmImageGallery .cmImageGalleryCell{

	text-align: center;
	padding:0 0 42px;
	position:relative;
	min-height: 130px;
	margin: 0 10px 0 0;
	width: 190px;
	display: inline-block;
}

div.cmImageGallery .cmImageGalleryRow{
	text-align:center;
	padding:0;
	position: relative;
	margin-left: 7px;

}

div.imageGallery .cmEmbeddedGalleryOuterBox {
	padding: 0 27px;
}

div.imageGallery .cmImageGalleryImageTD img{
	height:auto;
	max-width: 120px;
}

div.imageGallery .cmImageGalleryCell .cmImageGalleryTitleTD{
	position: absolute;
	bottom: 1em;
	width:100%;
	text-align:center;
	height:1.45em;
	overflow:hidden;
	font-size:.9em;
	padding:0 5%;
	left:0;
	right:0;
}

div.embeddedGallery div.imageGallery{
	padding:0;
	position: relative;
	min-height: 152px;
	clear: both;
}

.embeddedGallery .cmImageGalleryCell .cmImageGalleryImageTD {

	display: inline-block;
}

.embeddedGallery .cmImageGalleryCell .cmImageGalleryImageTD a.cmContentImageLink {
	border: 1px solid #cccccc;

	padding: 0;
	display: inline-block;
	text-decoration: none;
	font-size:13px;
}

.embeddedGallery .cmImageGalleryCell .cmImageGalleryImageTD img {
	border: 5px solid #fff;
}

.embeddedGallery{
	clear: both;
	overflow: hidden;
	margin: 0 0 50px;
}

.cmImageGalleryCell .cmImageGalleryTitleName{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}



div.embeddedGallery div.cmImageGallery{
	padding-top:14px;
	clear: both;
}

div.embeddedGallery div.cmNavigation{
	overflow:hidden;
	margin:0;
	display: none;
}


@media screen and (max-width: 800px){
	div.container {
	     padding: 0  20px!important;
	}
}
@media screen and (max-width: 750px){
	span.cmEmbedImage.cmEmbedImageleft {
	    display: block;
	    float: none;
	}
}