/********************Reset******************/
/*
-webkit-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out; 
-moz-transition: all 400ms ease-out; 
-ms-transition: all 400ms ease-out; 
transition: all 400ms ease-out;*/
* { margin:0; padding:0 }
html{ margin:0 !important}
body { background: url(http://www.dotartex.com/wp-content/themes/dotartex-pro/images/bg_body.jpg)!important; font-family: 'Montserrat', sans-serif!important;margin:0; padding:0 !important; color:#2e0000 !important; position:relative; font-size:16px; width:100%;}
	h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif !important;color:#2e0000 !important; font-weight:400; }
		h1 { font-size:35px; color: #2e0000 !important}
		h2 { font-size:25px; color: #2e0000 !important}
		h3 { font-size:20px; color: #2e0000 !important}
		h4 { font-size:16px;  }

	input:focus, select:focus, textarea:focus { outline:none }

	input, input[type="text"], input[type="file"] { background: none; border: none;color:#404040 }

	nav ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}

	a {font-family: 'Montserrat', sans-serif!important;text-decoration:none!important; color:#ce6318!important; font-size:18px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
		a:hover { text-decoration:none!important;  }
		a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
			a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}

		img{ }

	.clear { clear:both; }

	.text { }

	.flip { cursor:pointer }
	
	.no_padding{ padding:0}
	.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
.display_table{ display: table; width: 100%;; height: 100%}
.display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle}

.shared{ text-align: center;}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }
/********************fin Reset******************/

/******************************* HEADER *******************************/

#content_header{ background: rgba(256,256,256,0.9); width: 100%; position: fixed; top: 0; left: 0; z-index: 900}
#header_top{ background: url(http://dotartex.com/wp-content/uploads/2016/12/top.jpg);; padding: 5px 0; text-align: center}
#header_top .item_top{ display: inline-block; color: #fff!important; margin: 0px 25px}
#header_top .item_top i,#header_top .item_top span{ display: inline-block; vertical-align: middle; color: #fff!important; font-size: 16px; margin: 0px 3px}
#content_header .container{ padding-bottom: 10px; padding-top: 10px}
#access{ text-align: left; margin-top: 35px}
#access li{ display: inline-block;}
#access a{ display: block; text-transform: uppercase; font-size: 18px; padding: 0px 15px; font-weight: bold}
#access a:hover{ color: #2e0000!important}

.header_section{display:table; margin:40px auto }
    .header_section h1,.header_section h2,.header_section h3,.header_section h4,.header_section h5,.header_section h6{ text-align:center; color: #ce6318 !important;}
	.header_section h1,.header_section h2,.header_section h3{ font-size:40px;}
	.header_section h4{ font-size:35px}
	.header_section h5{ font-size:25px}
	.header_section h6{ font-size:20px}
		.header_section span{ position:relative}						
            

@media only screen and (max-width: 580px){
    .section_home{ padding: 5px 0px}
    #slider{ display: none}
    .header_section{margin:25px auto}
    .header_section h3{ font-size: 25px}
    .header_section h4{ font-size:22px}
	.header_section h5{ font-size:20px}
	.header_section h6{ font-size:16px}
}

#slider img{width: 100%}

/*********SECTIONS GRAL************/

.banner_section{ overflow: hidden;}
.banner_section .display_table_cell{ vertical-align: bottom}
.banner_section .header_section{ margin: 0 auto}
.banner_section .header_section h1,.banner_section .header_section h3{ font-size: 120px; color: #fff!important; font-weight: bold; margin-bottom: -30px!important; letter-spacing:4.3px;text-shadow: 2px 3px 4px rgba(0,0,0,0.7)}


/*************** PRODUCTOS  ************/

#productos{}
#productos #entry_summary{ text-align: center}
.content_banner{ width: 60%; text-align: left; padding: 15px}
.content_banner h1{ border-bottom: 2px solid #fff; color: #fff!important; padding: 90px 0px 25px 0; margin: 0}
.content_banner p{ }
#menu_product{ text-align: left}
#menu_product li{ display: inline-block; margin: 0 15px}
#menu_product li a{ display: block;font-size: 25px; padding: 0px; color: #fff!important}
#menu_product li img{ padding: 0}
#menu_product li:hover img{ opacity: .8}
#menu_product li a:hover{}
#menu_product li .menu-image-title{ display: block;background: url(http://dotartex.com/wp-content/uploads/2016/12/top.jpg); background-size: 100%}
@media only screen and (max-width: 580px){
    .content_banner{ width: 100%; text-align: center; padding: 0}
}

.single_product{}
.single_product .header_single{background: url(http://dotartex.com/wp-content/uploads/2016/12/top.jpg); text-align: center; padding: 10px 0; border-top: 5px solid #c9a471}
.single_product .header_single h3{ color: #fff!important; text-transform: uppercase; margin: 0;}
.single_product figure{ margin-right: 40px}
.single_product .entry_content{ margin-right: 40px}
.single_product .entry_content h1#title_single{ color: #ce6318!important; margin: 0 }
.single_product .entry_content h3#cliente{ margin:5px 0 40px 0!important}
.single_product .entry_content h3{ margin-bottom: 10px}


.item_descuento figure{ position: relative; overflow: hidden}
.item_descuento figure .no_descuento{ background: #ce6318; display: table; position: absolute; top: 0; left: 0; padding: 2px 50px; color: #fff!important; text-transform: uppercase; font-size: 12px;transform: rotate(-45deg);transform-origin: 63% 397%; box-shadow: 0px 0px 3px #000}


/************ARTICULO**ACTUALIDAD*****************/



    /*******Fotmato********/		
	

		.entry_content table{ border:1px solid rgb(0,0,0)}
			.entry_content table tr td{ line-height:1em}
				.entry_content table tr td h2{ text-align:center}
				.entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#ce6318 }
					@media only screen and (max-width: 780px){
						.entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#fff !important}}
				@media only screen and (max-width: 780px){
					.entry_content table tr td{ background:#ce6318; display:block; float:none; width:95%; margin:5px auto; color:#fff}
						.entry_content table tr td p{ color:#fff !important}
				}
				
					.entry_content h1{ line-height: 1em;font-size: 28px}
					.entry_content h2,.entry_content h3,.entry_content h4,.entry_content h5,.entry_content h6{ clear: both; font-weight: bold;color:#ce6318  !important; margin-bottom:15px !important;line-height: 1em; font-family: 'Montserrat', sans-serif!important;}	
					
					
					.entry_content h2 strong,.entry_content h3 strong,.entry_content h4 strong,.entry_content h5 strong,.entry_content h6 strong{color:#ce6318 !important}
					
					.entry_content h2{font-size: 24px}
					.entry_content h3{font-size: 20px}
					.entry_content h4{font-size: 18px }
					.entry_content h5{ font-size: 16px}
					.entry_content h6{ font-size: 14px}

					.entry_content strong,.entry_content b{ color: #2e2e00 !important}
					.entry_content a,.entry_content p a{ color:#2e2e00}
						
					
					.entry_content p{ line-height:1.33em; font-size:18px !important; color: #666!important}
					
					.entry_content ul{ margin-left:35px; margin-bottom: 35px}
						.entry_content ul li{ margin-bottom:0px; color:#ce6318; position:relative; font-size:16px}
							
					
					.entry_content blockquote{ border-radius:15px; border-left: none;border-right: none;border-top: none; border-bottom:#2e2e00 ; text-align:center; box-shadow:0px 3px 5px rgba(6,6,6,0.4); margin:25px auto}
						.entry_content blockquote p{ color:#2e2e00; font-weight: bold}
	
			.entry_content .gallery img{ width: 100%; height: 100%}


			/***********PRODUCTOS***************/

#tipo_producto{}

#tipo_producto #menu_product{ text-align: center; margin: 35px auto}

#tipo_producto #menu_product li a{ display: block; border: 2px solid #ce6318; font-size: 25px; padding: 0px 25px; color: #ce6318!important}
#tipo_producto #menu_product li a:hover{ background: #ce6318; color: #fff!important}

.item_product{ margin-bottom: 30px}

#tipo_producto #menu_product li img{ display: none}
#tipo_producto #menu_product li .menu-image-title{  background: none;}
		/************FORMATO SIDEBAR***************/
			



/*************** CONTACTO  ************/

#contacto{ background: #eee}
#contacto .row{ padding-bottom: 80px;}
#contacto .header_section{}
#contacto address ul{ margin-top: 35px}
#contacto address ul li{ margin-bottom: 10px}
#contacto address ul li span,#contacto address ul li i{ display: inline-block; vertical-align: middle; font-size: 22px}
#contacto address ul li i{ min-width: 30px; margin-right: 10px}


		/************FORMATO formularios***************/
		
		

.wpcf7{}
	.wpcf7 form{}
		.wpcf7 form p{ margin:15px !important}
			.wpcf7 input,.wpcf7 textarea{ background:#fff; font-size:18px; border-radius: 5px; min-height:25px; padding:5px; border: 2px solid #fff;  width:100%; margin-bottom:15px;color:#ce6318 !important}
			.wpcf7 input:focus,.wpcf7 textarea:focus{ outline: none;  border:none; color:#ce6318 !important}
		
			.wpcf7 textarea{ max-height:80px !important; height:80px !important}
			
		.wpcf7 input.btn-default{ background:#fff !important; width: auto; border-radius:0px; border:1px solid #fff !important; margin:5px auto; padding:5px; display:table !important; color:#ce6318 !important; font-size: 22px; padding: 3px 35px; }
			.wpcf7 input.btn-default:hover{ background:none !important; color:#fff !important}
			
			.wpcf7 input:focus::-webkit-input-placeholder { color:#ce6318; }
			.wpcf7 input:focus::-moz-placeholder { color:#ce6318; } /* firefox 19+ */
			.wpcf7 input:focus::-ms-input-placeholder { color:#ce6318; } /* ie */
			.wpcf7 input:focus::-o-placeholder { color:#ce6318; }

            .wpcf7 input::-webkit-input-placeholder { color:#ce6318; }
			.wpcf7 input::-moz-placeholder { color:#ce6318; } /* firefox 19+ */
			.wpcf7 input::-ms-input-placeholder { color:#ce6318; } /* ie */
			.wpcf7 input::-o-placeholder { color:#ce6318; }
			
			.wpcf7 textarea:focus::-webkit-input-placeholder { color:#ce6318; }
			.wpcf7 textarea:focus::-moz-placeholder { color:#ce6318; } /* firefox 19+ */
			.wpcf7 textarea:focus::-ms-input-placeholder { color:#ce6318; } /* ie */
			.wpcf7 textarea:focus::-o-placeholder { color:#ce6318; }

            .wpcf7 textarea::-webkit-input-placeholder { color:#ce6318; }
			.wpcf7 textarea::-moz-placeholder { color:#ce6318; } /* firefox 19+ */
			.wpcf7 textarea::-ms-input-placeholder { color:#ce6318; } /* ie */
			.wpcf7 textarea::-o-placeholder { color:#ce6318; }



#clientes_carrusel{}
#clientes_carrusel .item_gale{ margin: 0px 10px}
#clientes_carrusel .item_gale a{  display: block}
#clientes_carrusel .owl-buttons{ text-align: center; display: table; margin: 25px auto}
#clientes_carrusel .owl-buttons div{ display: inline-block; margin: 0 10px}

/************CONTENT FOOTER****************/		

#content_footer{ background: url(http://dotartex.com/wp-content/uploads/2016/12/top.jpg);width: 100%; position: fixed; bottom: 0; left: 0; z-index: 900}
.footer_interna{ position: relative!important; margin-top: 45px}

#anchor_text{  text-align: right;; padding: 5px 0}
#anchor_text a{ display: inline-block; vertical-align: middle; color: #fff!important; margin: 0 15px}



/***********GENERALES**MEDIA**QUERY*****************/

@media only screen and (max-width:1200px){
    #menu_product li{ width: 29.333%}
}

@media only screen and (max-width:990px){
    #access{ margin-top: 25px}
    #access a{ font-size: 16px; padding: 0 10px}
    .content_banner{ width: 80%}
    #menu_product li{ width: 25.333%}
    #menu_product li .menu-image-title{ font-size: 16px}
    .carousel-indicators{ bottom: 50px !important}
}

@media only screen and (max-width:768px){
    #access a{ font-size: 14px; padding: 0 5px}
}

@media only screen and (max-width:680px){
    #access a{ font-size: 14px; padding: 0 5px}
}

@media only screen and (max-width:650px){
    #content_header{ display: none }
}

@media only screen and (max-width:400px){
    #anchor_text a{ margin: 0 5px}
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
	/* padding: 0 40px 30px 40px; */
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}

.rwd-container.rwd-view1 {
    background: transparent !important;
}