/*
Theme Name: TecniserOil
Theme URI: http://www.tecniseroil.com
Author: LocalProm 
Author URI: http://www.localprom.com/
Description: 2014, 14th January
Version: 1.0
Text Domain: tecniseroil 
*/
@-ms-viewport {width: device-width}
@viewport {width: device-width}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
* {font-family:arial;color:#464641}
.clear {clear:both;float:none;}
body {background:#fff url(imgs/bg_ser.png) center -90px no-repeat;padding:0;margin:0}
#page {margin:auto;max-width:600px;padding-top:53px;}
#bestline {font-family:arial narrow;font-size:17px;font-style:italic;font-weight:normal;padding-left:40px;margin-top:6px;}
#content {padding-left:40px;min-height:500px;clear:both;padding-top:12px;font-family:arial;font-size:14px;text-align:justify;line-height:25px;}
.rounded {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
/* menu */
#mainmenu {margin:12px 0 0;padding:0;list-style:none;float:right;}
#mainmenu ul {display:none;position:absolute;z-index:999;left:-12px;margin:0;padding:12px 0;list-style:none;font-weight:bold;white-space:nowrap;}
#mainmenu ul {background:#fff;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#mainmenu ul li {padding:0 12px;}
#mainmenu li.telf a {width:25px;height:25px;background:url(imgs/telf.png) center center no-repeat;display:block;display:none;}
#mainmenu > li {float:left;margin-left:10px;position:relative;}
#mainmenu > li a {font-family:arial narrow;text-decoration:none;font-size:19px;font-weight:bold;}
#mainmenu .presentacion > a:hover, #mainmenu .current-menu-item.presentacion > a {color:#712e4f;}
#mainmenu .clientes > a:hover,#mainmenu .current-menu-item.clientes > a {color:#58a2df;}
#mainmenu .productos > a:hover,#mainmenu .current-menu-item.productos > a {color:#2a4e75;}
#mainmenu .servicios a:hover,#mainmenu .current-menu-item.servicios > a,.single-post #mainmenu .servicios > a,#mainmenu ul .current-menu-item a {color:#57a8a6;}
#mainmenu li:hover ul {display:block;}
#mainmenu li ul a {font-size:16px;}

#banner-slider li a img {width:100%; height:auto;}
img.bg {width:110%;height:auto;}

.clientesrow {margin-top:1em;}
.clientesrow img.full {width:100%;}
.clientesrow img.sq {width:30.7%;}
.clientesrow img.rect {width:65.1%;}
.clientesrow .right {float:right;}
.clientesrow .center {margin-left:3.2%;}
.grayborder {border:Solid 1px #ddd;}

/* footer */
#footer {font-family:arial narrow; font-size:15px;text-align:center;padding:25px 0;clear:both;}
#footer span,#footer a {font-weight:bold;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#banner-slider {margin-top:12px;}

/* =RESPONSIVE -------------------------------------------------------------- */    
@media screen and (max-width: 600px){
    #page {padding:10px;}    
    #content {padding:10px 0px;min-height:10px;}
    #mainmenu > li {position:static;}
    #mainmenu ul {left:8px;background:none;margin-top:25px;white-space:normal}
    #mainmenu ul a {display:block;margin-bottom:5px;padding-left:25px;background:url(imgs/li.png) top left no-repeat;}
    #mainmenu li.telf a {display:block;}
    }